IE에서 링크의 텍스트 부분 만 클릭 가능합니다.

Question

저는 IE9와 IE8 (IE7이 아님)에서 내 링크 주위의 패딩이 링크의 일부로 간주되지 않는 것을 알아 챘습니다. (클릭 할 수없고 내 호버 효과가 없습니다. 덮어 씌웠을 때 적용됨). 링크의 텍스트 부분 만 작동합니다.

요소에 배경색을 주려고했으나 해결되지 않았습니다.

이전에 본 사람이 있습니까?

해결 : 내 질문에 커다란 편집장을 작성하고 과정에서 직접 알아 냈습니다. 신체에 음의 z- 인덱스가 있었는데, 분명히 알지 못했지만이 문제를 일으키는 것은 분명하지만 그렇지 않습니다. 여기 jsfiddle는 다음과 같습니다 IE9과 IE8의 문제를 보여줍니다 http://jsfiddle.net/CEbMe/을

Answer 1

를 추가해보십시오 : 제안 된 답변

<style> 
    a { display: inline-block; padding: 0 50px; background: yellow; } 
</style> 
<p>This is a <a href="#">link</a> with some text around it</p> 

Answer 2

아무도 나를 위해 그것을 해결하지, 내가 대답 찾아 몇 시간을 보냈다 :

을 그

http://haslayout.net/css/Partial-Click-Bug-v2

background-image: url(#); 

수정.

background-color: transparent;