天天看點

PIE使用陰影後的背景透明方法

使用pie後,會發現如果有設定 box-shadow 時,目前 class 樣式中設定 opacity 或者背景漸變透明都會無效了,其實也是有辦法解決的

上面這個例子中使用背景漸變透明,但因為有 box-shadow 導緻透明失效,這個時候需要添加個樣式

就可以讓 ie 實作陰影的同時也能背景透明了,不過這樣寫有個問題就是全部的pie相容都會透明,是以最好的辦法是有兩個:

1. css 中指定某個具體節點下的 css3-container 透明

這個方法很多時候不好控制,主要是老版本的 ie 的選擇器不好控制

2. 通過 jquery 動态添加樣式,建議這個方法

隻需要找到目前需要相容的 div 然後找到他的上一個 css3-container 就可以了

例:

這樣就可以了

另說明:

對淺色如白色之類的背景透明可能效果不是很好,因為pie的陰影會生成一個全黑的 css3-container 即時使其透明,淺背景色可能顯示效果不太好吧

繼續閱讀