Nativescript CSS Text Vor dem Bild

Question

So erstellen Sie CSS, um Positionsetiketten vor dem Bild zu erstellen. Wie Z-Index auf HTML. Ich habe Hintergrundbild benutzt, aber nicht funktioniert. Ich war mit diesem Code erstellen:

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

Dank für Ihre Hilfe.

Answer 1

Setzen Sie das Etikett auf die gleiche Zeile wie das Bild.

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