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"/>

Nativescript CSS 图片前面的文字

Nativescript CSS Text In front of image

css

mobile

android

nativescript