CSS背景大小在IE7 / 8中不起作用[重复]

Posted 2023-03-06

【中文标题】CSS背景大小在IE7 / 8中不起作用[重复]

【英文标题】：CSS background-size not working in IE7/8 [duplicate]

【发布时间】：2013-03-23 21:42:25

【问题描述】：

由于某种原因，我的背景大小在 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;

【问题讨论】：

background-size 是 CSS3 属性，IE8- 不支持 => caniuse.com/background-img-opts

***.com/questions/4885145/ie-8-background-size-fix

好吧，我不知道为什么，但我想我在某处读到它确实适用于 IE7/8。好吧，我错了。此主题可能已关闭。

如果你想撤回问题，最好的办法是自己删除。

【参考方案1】：

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

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

【参考方案2】：

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

【参考方案3】：

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

如果你想通过这个属性支持 IE7/8，你需要为它使用一个 polyfill 脚本。

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

【参考方案4】：

使用这个代码

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