Question

由于某种原因，我的背景尺寸在IE 7和8中不起作用。谁能告诉我为什么。同样在IE检查器中，background-size属性未显示。

<a href="" class="twitter-custom-follow-button"></a>

.twitter-custom-follow-button {
  float: left;
  width: 96px;
  height: 20px;
  background: url(../img/slices/btns/twitter_follow.png);
  background-size: 96px 20px;
  background-repeat: no-repeat;
}

Answer 1

那是因为background-size是一个CSS3属性，在IE9之前是isn't supported。

然而，有一个线程建议可能的解决方法： How do I make background-size work in IE?

Answer 2

IE 7/8不支持background-size属性..如果您需要相同的功能，则需要使用javascript

Answer 3

IE7 / 8不支持background-size。它仅在IE9中引入。

如果您想使用此属性支持IE7 / 8，则需要使用polyfill脚本。

我所知道的唯一支持background-size的polyfill是CSS3Pie v2。搏一搏。（它还增加了对旧版IE中不存在的其他CSS功能的支持）

Answer 4

使用这一个代码

 filter:progid:DXImageTransferform.microsoft.AlphaImageLoader(src='img.jpg',sizingMethod='scale')

CSS后台大小在IE7 / 8中不起作用

4 个答案: