Question

我查过了另一篇文章。我在IE中使用css3属性background-size时遇到了一些问题。

.topBar {
    width:100%;
    background:url(../siteImages/top_bar.png) repeat-x ;
    background-size:auto 43px;
    height:77px;
}

我知道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 1

background-size是一个CSS3属性，IE8及以下版本不支持。

你也可以试试这个：

background:url(../siteImages/top_bar.png) 0 0 / auto 43px repeat-x fixed;

Answer 2

尝试添加供应商

/* Vendor Prefixes used with the Cover Value*/
-webkit-background-size: auto 43px;
-moz-background-size: auto 43px;
-o-background-size: auto 43px;
background-size: auto 43px;

也请查看

IE8 fix for background-size property? Retina Image

和这个

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

Answer 3

background-size是一个CSS3属性，在IE9之前不受支持。

但是，有一个主题可以提供解决方案：How do I make background-size work in IE?

background-size在IE中不起作用

3 个答案: