透明度与使用CSS3 PIE的ie7中的阴影冲突

时间:2012-02-14 00:28:33

标签: css css3 transparency css3pie

我正在使用CSS3 PIE进行边框半径,投影和透明效果,以使页面主体周围的透明区域。我试图让它看起来像这样:

http://www.palosverdes.com/rpv/re-design/JANUARY-2012/C-10.html

这是我目前的版本:

http://www.palosverdes.com/rpv2012/indexforie7.cfm

这会在现代浏览器中呈现我想要的效果,但在IE7中,投影似乎填充了应该透明的区域。这是一个截图:

imgur.com/lD0JG(我仍然只能发布两个超链接,抱歉)

可能导致问题的任何想法?

1 个答案:

答案 0 :(得分:1)

事实证明,css3pie不支持不透明的项目上的阴影(它显示通过)。以下是相关链接:css3pie.com/documentation/supported-css3-features/#box-shadow据我所知,这个问题只能在ie7 / 8中通过使用基于png的阴影和一些css或添加阴影作为背景的一部分来解决 - div的图像。