问答详情
源自:3-6 移动端项目开发——表示层(page2)

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-12 10:44

个回答

  • 慕用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的平面