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

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 px，我使用属性使其为1120 px。

background-size: 1120px 124px;

它在firefox 4和Opera 11中看上去不错，但在IE7、Palemoon等系统中不起作用，图像大小没有增加，仍然是990 px。你可以查看我的博客这里

任何help...how，我能使它与所有浏览器兼容吗？

我还需要使用其他的房产吗？

Answer 1

background-size是一个CSS3属性，因此，古浏览器无法理解它。您可能喜欢这个职位，解释各种缩放背景图像的方法。

Answer 2

我建议把原来的图像做成你想要的大小。即使所有浏览器都支持这一CCS3特性，也无法知道它们将以何种方式实现它，这可能会给您留下一个外观扭曲的图像。