Question

我创建了一个下拉框阴影和悬停图像的示例，除了通常的问题，互联网explerror之外，它似乎工作得很好。你可以在这里查看小提琴：

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');
}

也许这可能是你的解决方案。

在IE中乱丢阴影

1 个答案: