使用pie后,会发现如果有设置 box-shadow 时,当前 class 样式中设置 opacity 或者背景渐变透明都会无效了,其实也是有办法解决的
上面这个例子中使用背景渐变透明,但因为有 box-shadow 导致透明失效,这个时候需要添加个样式
就可以让 ie 实现阴影的同时也能背景透明了,不过这样写有个问题就是全部的pie兼容都会透明,所以最好的办法是有两个:
1. css 中指定某个具体节点下的 css3-container 透明
这个方法很多时候不好控制,主要是老版本的 ie 的选择器不好控制
2. 通过 jquery 动态添加样式,建议这个方法
只需要找到当前需要兼容的 div 然后找到他的上一个 css3-container 就可以了
例:
这样就可以了
另说明:
对浅色如白色之类的背景透明可能效果不是很好,因为pie的阴影会生成一个全黑的 css3-container 即时使其透明,浅背景色可能显示效果不太好吧