Question

我有一个使用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引起了一个问题（惊喜！）。该文字看起来块状和毁容。我的假设是我对text-shadow做错了什么？

Answer 1

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

此外，当你应用文字阴影时，你也必须设置背景颜色，因为没有背景颜色，阴影看起来很难看

Answer 2

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

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

Answer 3

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

IE中的丑陋文字

3 个答案: