Question

我正在对前一名员工的工作进行逆向工程，并注意到一些css类看起来像这样......

.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
}

任何人都可以想到一个css类有两次这样声明背景的原因（具体来说是！important）吗？

Answer 1

根据wikipedia，第二个background规则适用于IE6。

Internet Explorer 6及更低版本有问题！重要声明时的相同属性相同的元素有另一个值在同一代码块中指定，没有别的！重要的宣言。这应该导致被第二个值覆盖的第二个值首先，但IE6和更低版本不尊重此

Answer 2

这是IE6的廉价PNG修复程序。由于IE6无法识别!important标记，因此它将使用GIF背景，而所有其他浏览器将使用PNG。

Answer 3

IE的

Older versions将使用最后一个这些版本的png透明度存在问题。

Answer 4

看起来他正在尝试支持那些无法正常处理alpha .png的浏览器（咳嗽 IE6 咳嗽）

在css中声明背景属性两次

4 个答案: