html - IE8 鼠标悬停时锚文本阴影

Question

我在 ASP.NET 中，但问题完全与 HTML 相关。我有以下代码：

<asp:Panel runat="server" CssClass="message-box">
    <asp:LinkButton ID="LogoutLinkButton" runat="server">Logout</asp:LinkButton>
</asp:Panel>

等效的 HTML 是：

<div class="message-box">
    <a href="#">Logout</a>
</div>

CSS类是：

a {
    text-decoration: none;
    color: inherit; 
}

.message-box {
    width: 1000px;
    margin: 0 auto;
    text-align: right;  
}

.message-box a:hover {
    text-decoration: underline; 
    text-shadow: 0.1em 0.1em 0.2em black;
}

该演示可以在jsFiddle中找到。

这个锚文本的文本阴影在 IE8/IE9 中不起作用。我怎样才能做到这一点？

谢谢。

Answer 1

text-shadow 是一个 css3 属性。所以你不能在 IE 中使用它。但是您可以使用 filter:shadow 来满足您的要求