為什么圖片會被覆蓋

/*all tage*/
*{
?? ?margin: 0;
?? ?padding: 0;
?? ?border:none;
?? ?font-size: 1.5625vw;
?? ?font-family: 'Microsoft Yahei';
}
html,body{
?? ?height: 100%;
}
?/*music*/
#music{
?? ?position: fixed;
?? ?top: 3vh;
?? ?right: 4vw;
?? ?z-index: 5;
?? ?width: 15vw;
?? ?height: 15vw;
?? ?border: solid 4px #ef1639;
?? ?border-radius: 50%;
?? ?background-color: #fff;
}
#music > img:first-of-type{
?? ?position: absolute;
?? ?top: 24%;
?? ?z-index: 5;
?? ?right: 2.5%;
?? ?width: 28.421%;

}
#music > img:last-of-type{
?? ?position: absolute;
?? ?top: 0;
?? ?right: 0;
?? ?bottom: 0;
?? ?left: 0;
?? ?margin: auto;
?? ?width: 79%;

}
/*page bg*/
.page > .bg{
?? ?position: absolute;
?? ?z-index: -1;
?? ?height: 100%;
?? ?width: 100%;
?? ?

}
/*page1*/
#page1 > .bg{
?? ?background: url("../imgs/p1_bg.jpg") no-repeat center center;
?? ?background-size: 100%;

}
/*#page1 > .p1_lantern{
?? ?position: absolute;
?? ?top:-3.4%;
?? ?right: 0;
?? ?left: 0;
?? ?margin: auto;
?? ?background: url("../imgs/p1_lantern.png") no-repeat center bottom;
?? ?width: 45vw;
?? ?height: 71.2vh;
?? ?font-size: 3.506rem
} */
/*page2*/
#page2 > .bg{
?? ?
?? ?background: url("../imgs/p2_bg.jpg") no-repeat center center;
?? ?background-size: 100%;


}

/*page3*/
#page3 > .bg{
?? ?
?? ?background: url("../imgs/p3_bg.jpg") no-repeat center center;
?? ?background-size: 100%;

}