鍍金池/ 問答/HTML/ vue 銀行卡是從后臺動態(tài)獲取的，第二張銀行卡疊在第一張銀行卡的一部分

vue 銀行卡是從后臺動態(tài)獲取的，第二張銀行卡疊在第一張銀行卡的一部分

clipboard.png

clipboard.png

銀行卡都是從后臺動態(tài)獲取的數(shù)據(jù)，從第二張銀行卡開始，疊在第一張銀行上面一部分呢，第三張銀行卡開始，疊在第二張銀行上面一部分？

回答
編輯回答
墨小羽

z-index和遍歷的index對應(yīng)上不就好了

2017年11月7日 18:42
編輯回答
失心人

v-for去循環(huán)生成dom
每個根節(jié)點(diǎn)綁定一個遞增的z-index

2018年4月15日 05:12
編輯回答
風(fēng)畔

可以判斷是不是最后一個來給他們不同的css，說是覆蓋效果，也就是div不同的css

2017年4月16日 07:00
編輯回答
安于心

直接用樣式z-index動態(tài)設(shè)置不可以？

2018年5月2日 12:29
編輯回答
心沉
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
.card{
  width:100px;
  height:50px;
  background:#011;
}
@for $i from 2 through 5 { 
  .card:nth-child(#{$i}) {
    background:#{'#0'+$i+$i};
    margin-top:-10px;
    box-shadow:0 5px 16px rgba(0,0,0,0.86);
  } 
}

bank card

那個循環(huán)只是為了用顏色區(qū)區(qū)分一下，其實不需要獨(dú)立指定各個的style，只需要用margin-top。

2018年2月26日 19:34