背景透明度在使用 CSS3 PIE 的 IE 中导致框阴影被撕裂？答案

【问题标题】：Background transparency getting ripped cause of box shadow in IE with CSS3 PIE ?背景透明度在使用 CSS3 PIE 的 IE 中导致框阴影被撕裂？
【发布时间】：2011-12-02 08:02:23
【问题描述】：

我在网上搜索并发现了很多关于 IE 中的框阴影的东西，大多数人告诉我他们正在使用CSS3 PIE，但它有透明背景的问题。我不想在我的按钮上放另一张图片我想让它们透明并在边缘有一些阴影，但像往常一样，chrome - safari - mozilla 可以做到 IE 不能做......的事情。

我一直想知道在不让背景充满阴影效果的情况下，在按钮边缘添加一些阴影的最快和最简单的方法是什么。

与此同时，在某个地方，有一个人在为一个举世闻名的网络杀手大喊大叫：

“我讨厌你！”

【问题讨论】：

你有一个链接到你迄今为止尝试过的东西吗？
我还没有发布我的网站！我使用 mvc3 在发布前试用。我的问题是当您将元素的背景设置为透明时，您会看到 boxshadow 而不是父元素的背景。 css3 pie 将过滤后的图片放在 ur 元素下的原因，当您使其背景透明时，您将看到该图片而不是父元素背景。

标签： css css3pie

【解决方案1】：

Pie 的不透明框阴影对于 IE9 之前的浏览器来说是可以理解的限制，但恐怕它是您拥有的最佳选择。因此，要么设计没有透明背景的 UI（对于使用框阴影的区域），要么使用 PNG 格式创建带有阴影的按钮图形。

也许看看switchitoff.net（在 IE8 中），看看我是如何制作按钮和弹出对话框的。这些都有微妙的阴影，圆角和许多可爱的幕后切碎的图形。但是对于pre-IE9真的没有别的办法。它为所有优秀的浏览器切换到 CSS3。

【讨论】：

我害怕这个答案，但它是真实的，我喜欢你的互动帮助有很好的想法。