燈籠顏色會被遮住p1_lantern:before 的index設(shè)置為-1的時候看不見。設(shè)置成1的時候會把里面的文字遮住,這個大家是怎么解決的?(問答區(qū)轉(zhuǎn)了一整圈,相同問題倒是很多,不過還是沒解決辦法)#page1>.p1_lantern{
position:?absolute;
top:?-3.4%;
right:?0;
left:?0;
margin:auto;
width:?45vw;
height:?71.2vh;
font-size:?3.506rem;
background:?url(img/p1_lantern.png)?center?bottom?no-repeat;
background-size:?100%;
padding-top:?31vh;
box-sizing:?border-box;
-webkit-box-sizing:?border-box;
-moz-box-sizing:?border-box;
-ms-box-sizing:?border-box;
-o-box-sizing:?border-box;
text-align:?center;
color:?#fff;
}
#page1>.p1_lantern:before{
content:"";
position:?absolute;
top:?0;
left:?0;
bottom:?0?;
right:?0;
margin:?auto;
width:?30vw;
height:?30vw;
background-color:?#d60b35;
opacity:?.5;
box-shadow:0?0?0;
-webkit-box-shadow:0?0?10vw?10vw;
-moz-box-shadow:0?0?10vw?10vw?#d60b35;
-ms-box-shadow:0?0?10vw?10vw?#d60b35;
-o-box-shadow:0?0?10vw?10vw?#d60b35;
z-index:?-1;
border-radius:?50%;
}
1 回答

習(xí)慣受傷
TA貢獻(xiàn)885條經(jīng)驗 獲得超1144個贊
css中設(shè)置重疊顯示時,position:absolute;和z-index配合使用,即可實現(xiàn)完美疊加效果。
添加回答
舉報
0/150
提交
取消