这是关于http://jsfiddle.net/Eu5by/11/和http://jsfiddle.net/Eu5by/12/
的示例（更新：实际上，它不需要是链接：请参阅http://jsfiddle.net/Eu5by/14/，它只是文字）
代码基本上是：
<div id="main-box">
<a id="box" href="http://www.google.com">
hello world
</a>
</div>
使用CSS
#main-box {
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd')
}
#box {
display: block; width: 300px; height: 60px; line-height: 60px; text-align: center; background: #ffc; color: #ff7000;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f9ff', endColorstr='#e8f3ff',GradientType=0 )
}
文本在IE 8上显示为灰色。第一个jsfiddle链接使用filter而第二个链接使用-ms-filter有没有办法解决这个问题？
（我在虚拟机上试用IE 8。如果它在我的IE 9上，那么它可以正常工作。）
在IE 8上，如果删除阴影或渐变，则链接将再次具有正确的颜色。