css - background-image + rgba() 在 IE 7-8 中具有后备功能

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;

资源