我似乎無法讓我的圖片絕對顯示在頁面頂部並覆蓋整個頁面

Question

我的網站有背景圖片，它確實覆蓋了整個頁面，但問題是該圖片從頂部和底部而不是底部移出。

這是我的HTML：

<img class="background" url="../images/splash.png" />
<div class="wrapper">
test
</div>

這是我的CSS：

img.background{
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    z-index:0
}
div.wrapper{
    margin-top:0;
    position:relative;
    z-index:1;
}

Answer 1

給img ： dispaly: block ，否則它不會聽width和height: 100% 。

更新：

img.background {
   position: fixed;
   display: block;
   width: 100%;
   height: 100%;
}