后台大小属性的浏览器问题

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解释缩放背景图像的各种方法。

Answer 2

我建议将原始图像制作成您想要的尺寸。即使所有浏览器都支持这种CCS3功能，也无法确定它们将以何种方式实现它，这可能会让您看到扭曲的图像。