IE6 CSS Z- 인덱스

마우스 오버시 div 팝업이 모든 콘텐츠 위에 표시되어야 할 때 이미지 견본 목록이 있습니다. 그러나 IE6에서 div 팝업이 팝업 후에 생성되는 요소 뒤에 앉아 있다는 것을 알게되었습니다. 팝업 전에 렌더링 된 요소의 꼭대기에 앉아 있습니다.IE6 CSS Z- 인덱스

내가 가진 무엇을 거친 아이디어 :

<ul> 
    <li> 
     <a href="#"><img src="image path to swatch"></a> 
     <div class="tooltip">TOOLTIP POPUP</div> 
    </li> 
    <li> 
     <a href="#"><img src="image path to swatch"></a> 
     <div class="tooltip">TOOLTIP POPUP</div> 
    </li> 
</ul>

내가 페이지에 스택이 적 UL의 꽤 있습니다. 내가 부모 리튬을 시도

ul li { 
     width: 150px; 
     height: 20px; 
     position: relative; 
} 
div.tooltip { 
     width: 300px; 
     height: 300px; 
     position: absolute; 
     top: -20px; 
     left: -20px; 
     z-index: 1000; 
     display: none; 
}

는 CSS의

거친 아이디어는 -1 위치 상대의 Z- 인덱스가 있지만이 또한 견본을 숨 깁니다. 견본은 동적으로 생성되며 견본 자체 근처에 개별 툴팁이 있어야하기 때문에 목록 안에 구조화 된 것입니다.

견본이 위에 놓여 졌을 때 javascript를 사용하여 z- 색인을 증가 시키려고 시도 했으므로 다른 모든 것보다 가장 높지만이 방법도 효과가 없습니다. 예 :

$('ul li').hoverIntent(
     function(){ 
    $('div.tooltip', this).css('z-index', '9000'); 
    $('div.tooltip', this).stop(true,true).show(); 
}, 
function() { 
    $('div.tooltip', this).hide(); 
    $('div.tooltip', this).css('z-index', '1000'); 
});

누군가가 도와 주면 아이디어가 부족합니다. 감사.

코드는에 JS 바이올린에 볼 수 있습니다

: IE Z- 인덱스 버그를 많이 수정 마음에이 규칙을 유지하기 위해 http://jsfiddle.net/melon/nUTgB/13/

출처

2011-11-07 melon

절대 나는 이런 종류의 너무 용서해주십시오, 당신의 질문을 비켜 알고 있지만 IE6 놓아 시간입니다. 그것이 존재했다는 것을 잊을 때 당신은 훨씬 더 행복해질 것입니다. – Nacimota

세계 전체의 9 % 미만이 여전히 IE6을 사용하고 있으며, 대부분 직원들이 액세스 제한으로 인해 사이트를 보지 않을 것입니다. 나는 Nacimota에 동의하고 IE6 지원을 중단한다. – Kyle

내가 할 수 있으면 좋겠다. 그러나 불행히도 허용되지 않습니다 : ( – melon