IE過渡濾鏡 + CSS3 rgba 即可完美實現。

　　具體實現代碼如下：

.transparent {background:rgba(0, 0, 0, 0.3);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4c000000', EndColorStr='#4c000000'); } :root .transparent {filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000'); }

　　提示：IE9 支持 filter 與 rgba?屬性，這會導致其背景透明度雙倍疊加！

? ? ? 解決：使用 :root 偽類為 IE9 單獨寫 HACK 并將其透明度降為 0 即可。

轉載于:https://www.cnblogs.com/xupeiyu/p/3596724.html

總結

以上是生活随笔為你收集整理的CSS 实现背景半透明的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。