如何設定 div 背景的不透明度而不影響 IE 8 中包含的元素？

如何在IE 8 中設定Div 背景的不透明度而不改變所包含的元素

嘗試將不透明度應用於div 元素的背景時在不影響IE 8 中包含的元素的情況下，以下方法通常會失敗：

• 使用不透明度CSS 屬性：這會影響div 及其內容。
• 使用具有不透明度的 png 影像：這不是動態解決方案。

解

相反，利用rgba() CSS 函數指定背景顏色，包含alpha 通道不透明度：

.myelement {
    background: rgba(200, 54, 54, 0.5);
}

為了相容於IE8

要支援舊版的IE，請考慮使用CSS3Pie，它為IE 新增了rgba 支援。修改後的樣式表：

.myelement {
    background: rgba(200, 54, 54, 0.5);
    -pie-background: rgba(200, 54, 54, 0.5);
    behavior: url(PIE.htc);
}

IE 濾鏡的替代方法

IE 濾鏡也可以與漸變關鍵字一起使用：

.myelement {
    filter: gradient(startColorstr='#990000', endColorstr='#990000', GradientType=0);
    opacity: 0.5;
}

注意IE 中無法直接透過filter 屬性指定不透明度值。

以上是如何設定 div 背景的不透明度而不影響 IE 8 中包含的元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！