Internet Explorer中的链接上的文本阴影?

时间:2012-10-08 13:06:37

标签: html css internet-explorer shadow

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

enter image description here

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

}

enter image description here

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

enter image description here

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

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

2 个答案:

答案 0 :(得分:2)

<span>的链接中换行文字并附加阴影。

答案 1 :(得分: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>

那应该只针对文本。