我知道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;
}
在列表中添加效果的问题在于它会为所有内容添加阴影,而不仅仅是文本,而且看起来很糟糕。
答案 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>
那应该只针对文本。