ionic2 - 背景画像付きイオンカード

Question

どうすれば理解できますか？this ion-card background image

<ion-content class="card-background-page"> 

    <ion-card> 
    <img src="img/card-saopaolo.png"/> 
    <div class="card-title">São Paulo</div> 
    <div class="card-subtitle">41 Listings</div> 
    </ion-card> 
... 

それからちょうどセットアップsass：

.card-background-page { 

    ion-card { 
    position: relative; 
    text-align: center; 
    } 

    .card-title { 
    position: absolute; 
    top: 36%; 
    font-size: 2.0em; 
    width: 100%; 
    font-weight: bold; 
    color: #fff; 
    } 

    .card-subtitle { 
    font-size: 1.0em; 
    position: absolute; 
    top: 52%; 
    width: 100%; 
    color: #fff; 
    } 

} 

任意のz-indexはありません、そしてどのように<img src="img/card-saopaolo.png"/>は魔法の背景になることができます彼らは、このようなhtmlが自分の持っていますか？それはsassで扱うものですか？私が以前に覚えていない何か他のもの？

Answer 1

card-titleおよびcard-subtitleは、単に画像の上にposition: absoluteと置かれ、z-indexの必要はありません。