IE8 Anchor Text Shadow on Hover

Question

Ich bin in ASP.NET, aber das Problem ist vollständig HTML verwandt. Ich habe diesen Code ein:

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

Die äquivalente HTML ist:

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

Und die CSS-Klassen sind:

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; 
} 

Die Demonstration in jsFiddle finden.

Dieser Text-Schatten des Ankers Text funktioniert nicht in IE8/IE9. Wie kann ich das erreichen?

Danke.

Answer 1

Text-Schatten ist eine CSS3-Eigenschaft. Sie können es also nicht im IE verwenden. Aber Sie können Benutzer filtern: Schatten, um Ihre Anforderung zu erfüllen