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