<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>慕课贺新</title> <link rel="stylesheet" type="text/css" href="main.css"> </head> <body> <div id="music"> <img src="image/music_pointer.png"> <img src="image/music_disc.png"> </div> <div class="page" id="page1"> <div class="bg"></div> <div class="p1_lantern">点击屏幕<br>开启好运2016</div> <div class="p1_imooc"></div> <div class="p1_words">2016慕课网新年特献</div> </div> <div class="page" id="page2"> <div class="bg"></div> <div class="p2_circle"></div> <div class="p2_2016"></div> </div> <div class="page" id="page3"> <div class="bg"></div> <div class="p3_logo"></div> <div class="p3_title"></div> <div class="p3_second"></div> <div class="p3_first"></div> <div class="p3_blessing"></div> </div> </body> </html>
*{margin:0;padding:0;border:none;font-size:1.5625vw;font-family: 微软雅黑;}
/* */
#music{
position: fixed;top:3vh;right: 4vw;z-index: 5;
width: 15vm; height: 15vw; border: 4px solid #ef1639;
}
#music > img:first-of-type{
position: absolute;top:24%;right: 2.5%;width: 28.421%;
}
#music > img:last-of-type{
width: 79%;position: absolute;top:0;
right:0;left: 0;bottom:0;margin: auto;
}你是问的那个碟为啥不显示吧
css的第五行#music的width: 15vw，写成了15vm了。 ┑(￣。。￣)┍