背景大小的替代方案:在IE7+中覆盖
我的网页正文上有一张背景图片。我使用了background-size:cover，这样图像就可以在保持图像纵横比的同时在身体上伸展。我希望这对于IE7 + IE8也是一样的。
我看了看周围，看到了以下代码：
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='AutumnWinter_4.jpg',
sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='AutumnWinter_4.jpg',
sizingMethod='scale')";但这并没有保留宽高比，这对我们所针对的网站来说真的很糟糕。
有没有办法做到这一点？而不去找jQuery吗？
回答 9
Stack Overflow用户
发布于 2012-04-17 23:25:00
backgroundSize.js实际上不会在IE7中拉伸bg图像，它似乎只是将它放在原始大小的中心。查看他们的，然后单击“查看IE6-7-8用户通常会看到什么”。
@danRhul
我读到过将在IE7+中运行
祝好运!
Stack Overflow用户
发布于 2012-04-16 21:53:10
不使用jQuery的原因是什么？您可以仅在IE<8的条件注释中加载它，这样就不会为每个其他现代浏览器加载jQuery。
还要考虑到IE7有一个very low market share (2,52%, April 2012)，所以如果这个特性对你的站点/应用程序很重要，那么为特定的浏览器加载~ 25kb的额外空间是可以接受的。
所以，我找到了这个jQuery插件：https://github.com/louisremi/jquery.backgroundSize.js
A jQuery cssHook为IE6-7-8增加了对"cover“和"contain”的支持，单位为1.5K
有关详细信息，请参阅Github project page。
Stack Overflow用户
发布于 2012-04-20 12:00:33
你可以用一张真实的图片来伪造背景图片。它更像是HTML编辑，当然也不是很理想，但是从什么时候开始处理IE变得很理想了？
<body>
<img id="mainBG" src="mainBG.jpg" />
<div id="content">
[ ... ]然后相应地设计它的样式
body{
position:relative;
}
#mainBG{
width:100%
position:absolute;
top:0px;
left:0px;
}如果我没记错的话，应该是跨浏览器的。
https://stackoverflow.com/questions/10142491
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号