page2的三個圈不顯示出來
#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;
}
2018-01-15
你在運行程序的時候按下F12,看看報什么錯,把錯誤日志發(fā)上來;
我估計你是沒有往image目錄下上傳那幾張圖片吧,所以才不顯示三個圈;
2018-01-22
給#page2 >.p2_circle加上z-index: 4;要和#page2 >.p2_bg_loading在同一個平面上,或者高于4的平面