我似乎无法将我的图像置于页面顶部并覆盖整个页面

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%;
}