0

我有一个使用以下 CSS 的 CSS 水平菜单列表：

#navigation li {
list-style: none;
display: block;
float: left;
width: 10em;
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);

在 Safari、Chrome、Opera 和 Firefox 中，一切看起来都很棒，但 IE 却导致了问题（惊喜！）。文字看起来块状和毁容。我的假设是我对文本阴影做错了什么？

4

3 回答 3

1 
filter:DropShadow(Color=#ffffff, OffX=1, OffY=1)

此外，在应用文字阴影时，还必须设置背景颜色，因为没有背景颜色，阴影会很难看

于 2012-10-04T23:40:38.647 回答
1

你没有做错任何事。在 IE 中应用阴影滤镜会关闭元素的抗锯齿功能。这是一个已知问题。

这是一个人想出的一个hacky解决方法...... http://learningtheworld.eu/2010/ms-box-shadow/

于 2012-10-17T16:35:03.497 回答
0

我认为dropshadowcss需要像filter:DropShadow(Color=#ffffff, OffX=1, OffY=1)

于 2012-10-04T20:02:25.743 回答