IE8에서 JS로 Z-Index를 변경할 수 있습니까?

Question

매우 간단한 예 :http://jsbin.com/ohude

버튼 1을 클릭하면 'hello2'텍스트 p는 z-index를 89로 변경해야합니다. 버튼 2를 클릭하십시오. z-index는 다시 변경해야합니다. 이것은 Firebug에서 분명합니다. 그러나 IE8에서는 잭을하지 않습니다.

누군가 확인할 수 있습니까?

감사.

Answer 1

IE8이없고 jQuery 코드를 모릅니다.

본 텍스트를 변경하려고 했습니까, 아니면 Z- 인덱스 만 변경하려고 했습니까? Z-INDEX와 텍스트가 보면 Safari에서는 아니었다.

내 테스트의 경우 원래 jQuery-Styled 기능을 다음과 같이 변경했습니다.

1. 원래 변경에 경고하십시오 (z-index가 아닌 Style.zindex 참고); 그리고
2. 그런 다음 Z-Index 변경을 반영하도록 텍스트 Nodevalue를 변경했습니다.

처음에는 CSS를 CSS ( 'Zindex', '89')로 변경하여 결과가 변경되었는지 확인합니다. 어느 쪽이든 CSS ( 'Zindex'...) 또는 CSS ( 'z-index'...), 일했다 나를 위한.

내가 말했듯이, 나는 jQuery를 모른다. 그러나 IE8에서 다음 스 니펫을 테스트 한 후 작동하지 않으면 CSS Arg를 'Zindex'로 변경하십시오.

테스트:

$('#click').click(function () {
        $('#hello').css('z-index','89');
        var pid = document.getElementById('hello');
        alert('pid.style.zIndex: ' + pid.style.zIndex);
        pid.firstChild.nodeValue = "Hello2 " + pid.style.zIndex;
    }); 

  $('#click2').click(function () {
        $('#hello').css('z-index','10');
        var pid = document.getElementById('hello');
        alert('pid.style.zIndex: ' + pid.style.zIndex);
        pid.firstChild.nodeValue = "Hello2 " + pid.style.zIndex;
    }); 


});

jQuery 코드를 엉망으로해서 죄송합니다. :디

Answer 2

테스트 페이지에서 Z-INDEX를 설정하려는 요소에는 CSS "위치"세트가 없으므로 Z-INDEX를 변경하는 것은 실제로 작동하지 않습니다.

위치 추가 : 상대; 또는 위치 : 절대; CSS 속성을 사용하면 Z 인디 믹스를 설정할 수 있습니다.