IE 8：后台大小修复

Question

IE 8：后台大小修复

我试图向IE添加背景大小，但它根本不起作用：

HTML

<h2 id="news">Notícias <img src="white-marker.png" alt="" /></h2>

CSS：

div#content h2#news {
    background: url('../images/news-background.jpg') no-repeat;
    background-size: 100%;
    border-radius: 20px;
    color: #fff;
    margin: 20px 0 0 20px;
    padding: 8px 20px;
    width: 90%;
    -moz-background-size: 100%;
    -moz-border-radius: 20px;
    -webkit-background-size: 100%;
    -webkit-border-radius: 20px;
}

过滤器有什么问题？

Answer 1

由'Dan'在类似的帖子中发布，如果您没有使用精灵，可能会有一个修复：如何在IE中制作背景大小的工作？filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/logo.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/logo.gif', sizingMethod='scale')";但是，这会缩放整个图像以适合分配的区域。因此，如果您使用精灵，这可能会导致问题。注意过滤器有缺陷，分配区域内的任何链接都不再可点击。

Answer 2

我创建了jquery.backgroundSize.js：一个1.5K jquery插件，可以用作“封面”和“包含”值的IE8后备。看看演示。解决您的问题可能很简单：$("h2#news").css({backgroundSize: "cover"});