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来满足您的要求

悬停时IE8锚文本阴影

1 个答案: