Question

我有一个具有背景图像和透明背景颜色的元素。我希望IE回归纯色。

.element {
    background: url(image.png);
    background-color: #000; /* should be IE fallback */
    background-color: rgba(0,0,0,0.5);
}

似乎是一个简单的问题，但我找不到任何解决方案。有些解决方案仅适用于IE7，有些仅适用于IE8。

Answer 1

试试这个：

.element {
    background: url(image.png);
    background-color: #000; /* IE 8 */
    background-color: rgba(0,0,0,0.5);
    *background-color: #000; /* IE 7 */
}

Answer 2

要专门针对IE8或更低版本编写CSS规则，请在分号前面添加反斜杠和9（\ 9）。

示例：background-color:#000\9;

source

在IE 7-8中使用后备的background-image + rgba（）

2 个答案: