internet-explorer - CSS 背景大小在 IE7/8 中不起作用

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

这是因为IE9 之前不支持background-sizeCSS3 属性。

但是，有一个线程建议了一种可能的解决方法： 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 脚本。

我所知道的唯一支持的 polyfillbackground-size是CSS3Pie v2。搏一搏。（它还增加了对旧 IE 版本中没有的其他几个 CSS 功能的支持）

Answer 4

使用这个代码

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