2011-12-19 5 views
55

CSS z-indexプロパティに可能な最大値または最小値はありますか?
異なるブラウザには、最大値と最小値の違いがありますか?
ブラウザは高値と低値をどのように処理しますか?CSS - 最大z-インデックス値

私は約z-index値について一度読んだと思いました。たぶん私は間違っています。
ありがとうございます!

+0

@Indranilは、リンクのおかげでその質問を見ていません!興味深い! –

答えて

97

これらは最大値です。

Browser   Max z-index value When exceeded, value changes to: 
Internet Explorer 6 2147483647 2147483647 
Internet Explorer 7 2147483647 2147483647 
Internet Explorer 8 2147483647 2147483647 
Firefox 2   2147483647 *element disappears* 
Firefox 3   2147483647 0 
Safari 3   16777271 16777271 
Safari 4   2147483647 2147483647 
Chrome 29   2147483647 2147483647 
Opera 9    2147483647 2147483647

ウェブ上のどこかに見つかりました。

+1

ChromeはこれをSafariと同じ方法で処理しますか? –

+0

別の回答で投稿してください。 – Netizen110

+3

http://www.puidokas.com/max-z-index/で同じ情報が見つかりました。だからこれがソースになることができます。しかし、情報は2009年からです。 – AnAurelian

17

信じられないほど、これはクロムの最大z-インデックス値です。 2012年からいくつかの新しい情報が見つかり

.css('z-index', '99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999').css('z-index') 

使用すると、1つの以上の数字を追加した場合、それは1e+308

+8

私はそうは思わない。私は今、最新のクロムを持っており、2147483647より大きいものは動作しません。 –

+1

あなたが投稿した番号が1e + 308(10^308)未満であるため、あなたの説明から私はそれがサポートされている最大の価値でなければならない理由に従うことができません。あなたは試しましたか? 1e310? – Njol

+0

実際に何かを2147483647以上に設定すると、zIndexが2147483647、つまり2^31-1に設定されます。値の設定と実際にブラウザで保存(使用)される値との間には違いがあります。 –

1

に行くに:

「クローム、オペラ座、IE9は、真の無限の価値をサポートする唯一のブラウザであるように見えますFirefoxはまだ2147483647を使用していますが、Safariは数字が16桁を超えた後に奇妙な四捨五入動作をするようになりました。ここで

はソースです: World War Z-index

関連する問題