당신이 IE8에서 JS와

Question

아주 간단한 예 Z- 인덱스를 변경할 수 : http://jsbin.com/ohude

클릭 Button1을의 'hello2'텍스트 p는 89 클릭 단추 2에 Z- 인덱스를 변경해야합니다, Z- 인덱스 아직 변경해야 다시. 이것은 방화범에 분명합니다. 하지만 IE8에서는 잭을 사용하지 않습니다.

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

감사합니다.

Answer 1

IE8이없고 jQuery 코드를 모른다.

본문을 보거나 Z- 색인 만 변경하려고하십니까? Z- 인덱스와 텍스트를 본 경우 Safari에서는 이동하지 않았습니다. 내 테스트에 대한

나는에 원래 jQuery를 스타일 기능을 변경 : 원래 변화에

1. 경고 (참고 style.zIndex, 오히려 Z- 인덱스 제외);
2. 그런 다음 nodeValue 텍스트를 변경하여 z- 색인 변경을 반영합니다.

처음에는 CSS가 css ('zIndex', '89')로 변경되어 결과가 변경되었는지 확인합니다. 어느 쪽이든 css ('zIndex'...) 또는 css ('z-index'...), 은에 근무했습니다.

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

TEST : 엉망 당신의 jQuery 코드에

$('#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; 
    }); 


}); 

죄송합니다. : D

Answer 2

테스트 페이지에서 Z- 색인을 설정하려는 요소에는 CSS "위치"가 설정되어 있지 않으므로 Z- 색인을 변경하면 실제로 작동하지 않습니다.

위치 추가 : 상대적; 또는 위치 : 절대; CSS 속성을 사용하면 z-indixes를 설정할 수 있습니다.