2

我知道text-shadow在 Internet Explorer 中不起作用，但他们自己的阴影过滤器应该可以工作。但它似乎不适用于链接 ( <a>Link</a>)。有什么解决办法吗？

在此处输入图像描述

/*Works*/
#navigation .nav li {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3);

}

在此处输入图像描述

/*Do not work*/
#navigation .nav li a {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3);
}

在此处输入图像描述

/*Text-shadow in Google Chrome working and what I want to achive*/
#navigation .nav li a {
    text-shadow: 0 2px 2px #000;
}

在列表上添加效果的问题在于它会为所有内容添加阴影，而不仅仅是文本，而且看起来很糟糕。

4

2 回答 2

2

将链接中的文本包裹起来<span>并为其附加阴影。

于 2012-10-08T13:13:13.260 回答
1 
#navigation .nav li a span {
filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3);
}

然后：

<a href="#"><span>Link Text Here</span></a>

那应该只针对文本。

于 2012-10-08T13:16:21.573 回答