                        課程
                    
                        /前端開發(fā)
                        
                            /Html5
                        
                        /HTML5+CSS3實現(xiàn)春節(jié)賀卡

我用chrome瀏覽器不顯示呢？

<!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慕課網(wǎng)新年特獻(xiàn)</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;
}