透明度与使用 CSS3 PIE 的 ie7 中的投影冲突答案

【问题标题】：transparency conflicting with drop shadow in ie7 using CSS3 PIE透明度与使用 CSS3 PIE 的 ie7 中的投影冲突
【发布时间】：2012-02-14 00:28:32
【问题描述】：

我正在使用 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（我还是只能发两个超链接，抱歉）

任何想法可能导致问题？

【问题讨论】：

您发布的第二个链接已失效。

标签： css transparency css3pie

【解决方案1】：

事实证明，css3pie 不支持对不透明的项目进行投影（它显示出来）。这是相关链接：css3pie.com/documentation/supported-css3-features/#box-shadow 据我所知，这个问题只能在 ie7/8 中通过使用带有一些 css 的基于 png 的阴影或添加阴影作为背景图像的一部分来解决分区。

【讨论】：