css - IE 过滤器 - 阴影作用于文本；渐变+阴影作用于盒子？

Question

当我将以下内容附加到 div 时，我在 IE 中得到一个带有渐变和框阴影的框:

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D08080', EndColorStr='#E7A292') progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=170, Color='#B8B8B8');

但是，当我只执行阴影过滤器时，我会在 div 内的文本上产生阴影。除了设置具有恒定颜色的过滤渐变这一明显(且丑陋)的技巧之外，我如何才能让一个简单的 div 在所有版本的 IE 中隐藏它自己而不是它的文本？

Answer 1

IE 的过滤器总是丑陋的 hack，很难正确处理，而且经常会导致奇怪的错误。我的建议是尽可能避免使用它们。

看看CSS3Pie以巧妙的方式解决这个问题。

CSS3Pie 是一种针对 IE 的 hack，它允许它使用标准 CSS 属性而不是 filter 来实现渐变和框阴影。它还执行 border-radius。

希望它能解决您的问题。