IE가 href 버튼을 인식하지 못합니다.

Question

IE가 아래의 버튼을 링크로 인식하지 못하는 이유가 있습니까? 나는 요소가 무엇인가를 포함 할 것을 보았다 (빈 공간 작동하지 않았다) : http://lambev-design.com/이

이 업데이트 -

<a href="#zanas" class="content-loader"><div id="zanas"></div></a> 
<a href="#dizain" class="pics_holders"><div id="dizain"></div></a> 
<a href="#izkustvo"><div id="izkustvo"></div></a> 
<a href="#kontakti" class="content-loader"><div id="kontakti"></div></a> 

도 (버튼은 램프의 모양에있는) 사이트를 체크 아웃 그리고 div가 4 개의 다른 장소에 위치한다는 것을 알고 있기 때문에 span 태그를 만들기 위해 불투명도가 0 인 div에 이미지를 넣기로했다.하지만 CrossBrowser 명령인지 그리고 어디서나 작동하는지는 알 수 없다. 는 A 태그에 id="..." 추가

Answer 1

시도 :

<a href="#dizain" class="pics_holders" id="dizain"></a> 

가 도움이되는지 잘 모릅니다하지만 내가 전에 그것을 한 생각을 ...

Answer 2

태그는 IE에서 div를하지 않습니다 해결 방법으로이를 작성할 수

<a href="#zanas" class="content-loader"><div onclick="window.location.hash='#zanas'" id="zanas"></div></a> 

Answer 3

<a><div></div></a> 마크 업이 유효하지 않기 때문에 내 생각은 (물론,뿐만 아니라, 두 번째 이유는 IE 자체 ...)입니다. 일부 CSS 규칙을 <span>와 <div>를 교체하고 추가보십시오 :

이

a.content-loader span { 
    display: block; 
    position: relative; 
    z-index: -1; 
} 
a.content-loader { display: inline-block; } 

이 이상한 손보는는 IE7의 문제를 해결하고 유효한 크로스 브라우저해야하는 데 도움이됩니다. IE7에서 작동하는 http://jsfiddle.net/Fttyh/3/을 참조하십시오 (the original fiddle과 다릅니다).

저는 최근에 매우 similar problem였습니다. 문제에 대한 the answer을 채택했습니다. 자세한 내용은 여기를 참조하십시오.