page2的三个圈不显示出来
我的名字你的姓
2018-01-12 10:44
#page2 > .p2_circle {
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
border-radius:50%;
background: url("../images/p2_circle_outer.png") no-repeat center center;
background-size: 100%;
width: 59.375vw;
height: 59.375vw;
}
#page2 > .p2_circle:before {
position: absolute;
top:0;
right:0;
bottom: 0;
left: 0;
margin: auto;
border-radius:50%;
content: "";
background: url("../images/p2_circle_middle.png") no-repeat center center;
background-size: 100%;
width: 45.625vw;
height: 45.62vw;
}
#page2 > .p2_circle:after {
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
border-radius:50%;
content: "";
background:url("../images/p2_circle_inner.png") no-repeat center center;
background-size:100%;
width: 39.9375vw;
height: 39.9375vw;
}
#page2 > .p2_2016 {
position: absolute;
top:0;
right:0;
bottom: 0;
left: 0;
margin: auto;
background: url("../images/p2_2016.png") no-repeat center center;
background-size: 100%;
width: 27.5vw;
height: 6.24vh;
}
2回答
-
- 慕用3281809
- 2018-01-15 16:14:02
你在运行程序的时候按下F12，看看报什么错，把错误日志发上来；
我估计你是没有往image目录下上传那几张图片吧，所以才不显示三个圈；
-
- qq_Z_95
- 2018-01-22 20:20:10
给#page2 >.p2_circle加上z-index: 4;要和#page2 >.p2_bg_loading在同一个平面上，或者高于4的平面
HTML5+CSS3实现春节贺卡
110057 学习 · 450 问题
相似问题