css - 背景大小属性的浏览器问题

Question

我使用一张图片作为我博客标题的背景。 我使用的 CSS 是

#header-wrapper {
height:125px;
padding: 0px;
margin: 0;
background: url("http://3.bp.blogspot.com/_lxBSX0YJV58/TOspWPI1r-I/AAAAAAAAA34/uw872WFS3ME/s1600/headerbg.jpg") top center no-repeat;
background-size: 1120px 124px;
}

图像的原始宽度是 990 像素，我使用属性将其设置为 1120 像素

background-size: 1120px 124px;

它在 firefox 4 和 Opera 11 中看起来不错，但在 IE 7、Palemoon 等中不起作用。图像大小不会增加并保持 990 像素。 可以查看我的博客HERE

任何帮助......我怎样才能让它与所有浏览器兼容？

我需要使用其他属性吗？

Answer 1

background-size 是一个 CSS3 属性，因此，它不被古代浏览器所理解。你可能喜欢 this post ，解释了缩放背景图像的各种方法。