css - 将 CSS 文本阴影应用于 IE 中的文本

Question

我在 CSS 中使用了文本阴影来平滑字体，除了 IE 之外，它在几乎所有东西中看起来都很棒。CSS是：

#navigation li {
display: inline;
list-style: none;
display: block;
float: left;
width: 15em;
height: 2em;
text-align: center;
padding: .5em 0 0 0;
margin: 0;
border-left: .0625em solid #FFF;
border-right: .1em solid #CCC;
text-shadow: .0625em .0625em .0625em #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
filter: glow(color=black,strength=1);

}

在 IE 中，文本如下所示：https ://www.dropbox.com/s/578y9y8fjvlx072/Screen%20Shot%202012-10-04%20at%2010.33.11%20PM.png

但是，在 Safari、Chome、FireFox 和 Opera 中，它看起来像这样：https ://www.dropbox.com/s/hvunkc4ql8ry0u5/Screen%20Shot%202012-10-04%20at%2010.33.23%20PM.png

Answer 1

试试这个 CSS 属性：

 filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#ffffff);

在 IE 中试试这个演示：http: //jsfiddle.net/ongisnade/Dw7kz/

Answer 2

Explorer 使用不同的引擎呈现方法，因此您看到的实际上是一个特性。

您可以尝试设置strength=0，它应该正确显示。