图像显示两种尺寸

Question

我想将一张图片作为背景图片。问题是图像显示两次，一次显示原始尺寸，然后再显示更大的尺寸，填充页面的整个宽度。我不确定他们为什么都出现了。我已将图像设置为不重复。当我更改一个值（例如高度335px到900px）时，以较大尺寸显示的图像会调整大小，但原始尺寸图像会继续显示在我刚才提到的enter code here调整大小的图像上方。如何才能显示原始尺寸的图像。这是我的CSS：

#banner-contact{
    width: 100%;
    height:100px;
    background-image:url('resized-images-logo/contact-page-resized.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    margin:0px;
} 

with the following html:

    <div id="banner-contact">
        <img src="resized-images-logo/contact-page-resized.jpg">
    </div>

Answer 1

img html元素和background-image css样式都会显示图像。你应该能够从html中删除img元素，div的css样式将显示你的封面图片。