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

3-4表示层

/* all tag */

*{

margin: 0;

padding: 0;

border: none;

font-size: 1.5625vw;

font-family: "Microsoft Yahei";

}


/* music */

#music{

position: fixed;

top: 3vh;

right: 4vw;

z-index: 5;

width: 15vw;

height: 15vw;

border: 4px solid #ef1639;

border-radius: 50%;

background: #fff;

}

#music > img:first-of-type {

position: absolute;

top: 24%;

right: 2.5%

width:28.421%;

}

#music > img:last-of-type {

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

}


/* page bg*/

.page {

height: 100%;

}

.page > .bg {

position: absolute;

z-index: -1;

width: 100%;

height: 100%;

}


/* page1 */

#page1 > .bg {

background: url("H:/小小移动端/切图图片资源/p1_bg.jpg") no-repeat center center;

background-size: 100%;

}


/* page2 */

#page2 > .bg {

background: url("H:/小小移动端/切图图片资源/p2_bg.jpg") no-repeat center center;

background-size: 100%;

}


/* page3 */

#page3 > .bg {

background: url("H:/小小移动端/切图图片资源/p3_bg.jpg") no-repeat center center;

background-size: 100%;

}

为什么我照着老师那样的敲,出不来老师那样的效果??http://img.mukewang.com/5877666e00014ebb05690631.jpg

提问者:6HaHa 2017-01-12 19:20

个回答

  • 张晓攀0
    2017-01-13 11:00:14

    浏览器在Chrome下运行,按F12键,选择手机模拟器,再调试