はあなたが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（ 'zインデックス' ...）または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を設定する必要があります。