3-4表示层
6HaHa
2017-01-12 19:20
/* 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%;
}
为什么我照着老师那样的敲，出不来老师那样的效果？？
1回答
-
- 张晓攀0
- 2017-01-13 11:00:14
浏览器在Chrome下运行，按F12键，选择手机模拟器，再调试
HTML5+CSS3实现春节贺卡
110036 学习 · 450 问题
相似问题