css代碼問題
*{
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;
width:?15vw;
z-index:5;
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;
margin:?auto;
width:?79%;
}
/*page?bg*/
.page{
height:?100%;
}
.page>.bg{
height:100%;
position:?absolute;
width:100%;
z-index:?-1;
}
/*page1*/
#page1>.bg{
background:?url("images/p1_bg.jpg")?no-repeat?center?center;
background-size:?100%;
}
/*page2*/
#page2>.bg{
background:?url("images/p2_bg.jpg")?no-repeat?center?center;
background-size:?100%;
}
/*page3*/
#page3>.bg{
background:?url("images/p3_bg.jpg")?no-repeat?center?center;
background-size:?100%;
}相同的代碼,為什么顯示出來,下一張圖片會覆蓋上一張圖片?求解????????????
2016-03-30
不是z-index的問題,我要求每張圖片一行排列,總共有三行
2016-03-29
?z-index就可以解決