背景图像消失缩小

Question

。 。 。 。我有一个非常简单的html和css

<style media="all" type="text/css">
#header-bg
{   
    background-image:url(header_bg.png);
    background-repeat:repeat-x;
    height:496px;
    width:100%;
    position:relative;
}
</style>
<div id="header-bg"></div>

缩小时背景图像消失。图像尺寸为1 x 496！ this is the background image used

知道到底出了什么问题

Answer 1

有时浏览器会使用缩放功能进行奇怪的操作，而且它们都会有所不同。尝试使图像宽2像素，看看是否能解决问题。

Answer 2

不确定您要实现的目标。尝试 background-size：cover 。