0

私は 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 では機能しません。どうすればこれを達成できますか？

ありがとう。

4

1 に答える 1

3

text-shadow は css3 プロパティです。そのため、IE では使用できません。ただし、必要に応じて filter:shadow を使用できます

于 2012-04-08T09:06:15.037 に答える