css - 背景画像+IE7-8でフォールバックするrgba（）

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;

ソース