在图像前面的本地文本CSS文本

Question

如何创建CSS，使位置标签在图像前面。就像HTML上的z索引。我用的是背景图像，但不管用。我是用以下代码创建的：

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

​