在 Internet Explorer 8 中,調整 div 背景的不透明度可能會影響其包含的元素。
要解決此問題,請使用rgba() 函數設定背景顏色:
.myelement { background: rgba(200, 54, 54, 0.5); }
rgba() 中的第四個值代表alpha 通道,控制不透明度。
不幸的是,IE8 不支援 rgba()。要啟用它,請利用CSS3Pie:
.myelement { background: rgba(200, 54, 54, 0.5); -pie-background: rgba(200, 54, 54, 0.5); behavior: url(PIE.htc); }
或者,IE的filter屬性與漸變關鍵字可以達到類似的效果:
.myelement { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33c8348a, endColorstr=#33c8348a); }
雖然建議使用CSS3Pie 的rgba() 來獲得更清晰的樣式表,但過濾器方法仍然可行。
以上是如何在 IE8 保持 Div 背景的不透明度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!