IE過(guò)渡濾鏡 + CSS3 rgba 即可完美實(shí)現(xiàn)。

　　具體實(shí)現(xiàn)代碼如下：

.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?屬性，這會(huì)導(dǎo)致其背景透明度雙倍疊加！

? ? ? 解決：使用 :root 偽類(lèi)為 IE9 單獨(dú)寫(xiě) HACK 并將其透明度降為 0 即可。

轉(zhuǎn)載于:https://www.cnblogs.com/xupeiyu/p/3596724.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。