如何让 IE 中的 CSS 阴影看起来一样？答案

【问题标题】：How do you make the CSS shadow look the same in IE?如何让 IE 中的 CSS 阴影看起来一样？
【发布时间】：2010-12-03 05:33:07
【问题描述】：

这是我的链接：link text

滑块上的阴影在 safari、firefox 等中看起来很棒，但是如何使它在 IE 中看起来一样？

这是我当前的 CSS 代码：

-moz-box-shadow: 0px 0px 6px #666;          
-webkit-box-shadow: 0px 0px 6px #666;
box-shadow: 0px 0px 6px #666;

【问题讨论】：

@eric，使用背景阴影图像

标签： css internet-explorer shadow

【解决方案1】：

试试这个，它也适用于 IE 6+

.shadow { zoom:1; /* This enables hasLayout, which is required for older IE browsers */        
filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3);        
-moz-box-shadow:2px 2px 2px #b0b0b0;        
-webkit-box-shadow:2px 2px 2px #b0b0b0;
box-shadow:2px 2px 2px #b0b0b0;}

【讨论】：

【解决方案2】：

你可以试试CSS3PIE，它为 IE 添加了一堆 CSS3-isms。 CSS3PIE 通常有效，但并非总是有效，并且对性能有一点影响。您可能需要处理“haslayout”黑客，但在谷歌上搜索一下应该会有所帮助。

有一些类似的东西在发生，但我只使用了 CSS3PIE。

【讨论】：

【解决方案3】：

我的意见是最好使用阴影图像，这样它在 IE 中也能正常工作....

【讨论】：