html - 我似乎无法让我的图像绝对显示在我的页面顶部并覆盖整个页面

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:display:block,否则不会监听width和height:100%.

更新:

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