【问题标题】:Text Shadow on links in Internet Explorer?Internet Explorer中链接上的文本阴影?
【发布时间】:2012-10-08 13:06:37
【问题描述】:

我知道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;
}

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

【问题讨论】:

    标签: html css internet-explorer shadow


    【解决方案1】:

    <span> 的链接中包装文本并为其附加阴影。

    【讨论】:

    【解决方案2】:
    #navigation .nav li a span {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=3);
    }
    

    然后:

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

    应该只针对文本。

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签