为了账号安全,请及时绑定邮箱和手机立即绑定

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://img1.sycdn.imooc.com//5877666e00014ebb05690631.jpg

正在回答

1 回答

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
HTML5+CSS3实现春节贺卡
  • 参与学习       110036    人
  • 解答问题       450    个

又逢新春佳节,春节贺卡搞起来,学会HTML5+CSS3实现春节贺卡

进入课程

3-4表示层

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信