IE8 Anchor Text Shadow on Hover

나는 ASP.NET에 있지만 문제는 HTML과 완전히 관련되어있다.IE8 Anchor Text Shadow on Hover

<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 클래스는 다음과 같습니다 데모가 jsFiddle에서 찾을 수 있습니다

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

나는이 다음과 같은 코드가 있습니다.

앵커 텍스트의 텍스트 그림자가 IE8/IE9에서 작동하지 않습니다. 이것을 어떻게 할 수 있습니까?

감사합니다.

출처

2012-04-08 Tapas Bose

가능한 복제본 : http://stackoverflow.com/questions/6905658/css3-text-shadow-in-ie9 – MrWhite

텍스트 그림자는 css3 속성입니다. 그래서 당신은 IE에서 그것을 사용자 수 없습니다. 하지만 사용자 필터를 사용할 수 있습니다. 그림자는 사용자 요구 사항을 충족합니다.

출처

2012-04-08 09:06:15 lioncin

답장을 보내 주셔서 감사합니다. .message-box a :를 사용하려고했습니다. hover { \t 텍스트 장식 : 밑줄; \t \t 텍스트 - 그림자 : 0.1em 0.1em 0.2em 검정; \t 필터 : 그림자 (색상 = # 000000, 방향 = 135, 강도 = 5); \t -ms-filter : "progid : DXImageTransform.Microsoft.Shadow (색상 = # 000000, 방향 = 135, 강도 = 5)"; }하지만 작동하지 않습니다. –

MDN은 종종 브라우저 호환성을위한 좋은 소스입니다. [mdn의 텍스트 섀도우 브라우저 지원] (https://developer.mozilla.org/en/CSS/text-shadow#Browser_compatibility) – Jeroen

@Tapas 필터가 작동하려면 요소에 _layout_이 있어야합니다. – MrWhite

IE8 Anchor Text Shadow on Hover

답변

관련 문제