Nativescript CSS 文本在图像前面

Question

如何创建 CSS 以在图像前面制作位置标签。就像 HTML 上的 z-index。我正在使用背景图像，但不起作用。我是用这个代码创建的：

<grid-layout rows="220, auto" columns="*, *, *" id="cardReport" style="background-image: url('{{ foto }}');">
    <image src="{{ foto }}" stretch="aspectFill" colSpan="3" row="0" tap="goReport"/>
    <label text="{{ namapaket }}" class="info" textWrap="true" row="1" colSpan="1"
           horizontalAlignment="center"/>
</grid-layout>

谢谢你的帮助。

Answer 1

将标签与图像放在同一行。

<grid-layout rows="220, auto" columns="*, *, *" id="cardReport" style="background-image: url('{{ foto }}');">
<image src="{{ foto }}" stretch="aspectFill" colSpan="3" row="0" tap="goReport"/>
<label text="{{ namapaket }}" class="info" textWrap="true" row="0" colSpan="1"
       horizontalAlignment="center"/>