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

我使用一张图片作为我的博客标题的背景。 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像素，并使用我财产

background-size: 1120px 124px;

它看起来在Firefox 4和Opera 11还可以，但不工作在使其1120px IE 7，Palemoon等图像大小不会增加，并保持990像素。你可以检查我的博客HERE

任何帮助...我如何使它与所有浏览器兼容？

我需要使用另一个属性吗？

来源

2011-06-29 Sangram Nandkhile

background-size是一个CSS3属性，正因为如此，古代浏览器无法理解它。您可能会喜欢this post，解释缩放背景图像的各种方法。

来源

2011-06-29 11:45:02 mingos

那么你建议一个解决方案？任何选择？应该有古代浏览器使用的wa？ –

在早期的浏览器中，CSS背景图片大小是不可能的。你需要有创意。就你而言，我只需使用''标签。它可以在所有浏览器中缩放，即使没有CSS也是如此。 – mingos

我明白了.. ..就像这样 –

我建议将原始图像制作成您想要的大小。即使所有的浏览器都支持这个CCS3功能，也不知道他们将采用什么方式来实现它，这可能会让您看到失真的图像。

来源

2011-07-01 19:49:12 Toby

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

回答

相关问题