Ionic v2将图像置于图像上

时间:2017-02-06 19:00:22

标签: html css image ionic-framework

这是我的代码如下。我如何才能使代码响应和精心设计?我不应该使用“左”来定位封面。我需要适合其他图像的图像。 感谢

<ion-grid>
   <ion-row >
      <ion-col width-10>
      </ion-col>
      <ion-col width-25>
      <div style="position: relative;display: inline-block;">
    <img class="wardrobe" src="{{gardirop}}" />


         <img class="cover_1" src="{{gardirop_cover_1}}" />


         <img class="cover_2" src="{{gardirop_cover_2}}" />

   </div>

      </ion-col>
       </ion-row></ion-grid>

.scss

.wardrobe {
z-index: 1;
position: relative;

}
.cover_1 {
z-index: 10;
position: absolute;
top:0px;
max-height: 450px;

}

.cover_2 {
z-index: 20;
position: absolute;
top:0px;
left:120px;
max-height: 450px;
display: inline-block;
}

0 个答案:

没有答案