jquery - 搞乱 IE 中的阴影

Question

我已经创建了一个下拉框阴影和悬停图像的示例，除了通常的问题 internet explerror 之外，它似乎工作正常。你可以在这里查看 fiddle :

www.jsfiddle.net/kcD6j/3/

为了处理 ie7 和 ie8，我尝试做不同的事情，从直接添加 ms-filter 属性到包括 ie-css3(不能用 jsfiddle 重现，我认为不允许跨域 htc)。我添加的样式如下:

.box-shadow {
  behavior: url(ie-css3.htc);
}

它呈现出阴影，但它是完全黑色的(不像原来那样褪色)，更重要的是，如果覆盖了部分图像框，在最右侧，因此显示非常难看。

有人知道如何解决这个问题吗？

Answer 1

你查看过这个网站了吗？
http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/
有这样的东西

.shadow {
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,   color='#000000');
}

也许这就是您的解决方案。