為什么做紅燈籠的時(shí)候,z-index:-1;紅色沒(méi)有?不要z-index有,但是動(dòng)畫效果把子蓋住了
#page1>.p1_lantern:before{
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
left: 0;
z-index: -1;
content:"";
width: 25vw;
height: 18vh;
background: #d60b3b;
opacity: .5;
border-radius: 50%;
-webkit-box-shadow: 0 0 10vw 10vw #d60b3b;
? -moz-box-shadow: 0 0 10vw 10vw #d60b3b;
? ?-ms-box-shadow: 0 0 10vw 10vw #d60b3b;
? ? -o-box-shadow: 0 0 10vw 10vw #d60b3b;
? ? ? ?box-shadow: 0 0 10vw 10vw #d60b3b;
? ? ?-webkit-animation:p1_lantern .5s infinite alternate;
? ? ? ? ? ? ?animation:p1_lantern .5s infinite alternate;
}
@-webkit-keyframes p1_lantern{
0%{
opacity: .5;
-webkit-transform:scale(.8,.8);
? ? ? ?transform:scale(.8,.8);
}
100%{ opacity: 1;}
}
@keyframes p1_lantern{
0%{
opacity: .5;
-webkit-transform:scale(.8,.8);
? ? ? ?transform:scale(.8,.8);
}
100%{ opacity: 1;}
}
2016-02-27
燈籠的圖片本來(lái)就是切的透明的,若是在燈籠內(nèi)容前加上紅色把字會(huì)擋到,字寫在燈籠里了,雖然切的燈籠是透明的,只有加上z-index=1,就會(huì)在燈籠層之下了,這樣字就可以看到了