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 回答