灯笼颜色会被遮住p1_lantern:before 的index设置为-1的时候看不见。设置成1的时候会把里面的文字遮住，这个大家是怎么解决的？（问答区转了一整圈，相同问题倒是很多，不过还是没解决办法）#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 回答
- 0 关注
- 1258 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消