z-index

z-index

関連

[18] 'opacity' の値は z-index の解釈に影響します。

メモ

[2] z-index: 1 http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20z-index%3A%201%3B%0A%7D;h=;p=n;x=style-element

[3] z-index: 0 http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20z-index%3A%200%3B%0A%7D;h=;p=n;x=style-element

[4] z-index: -1 http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20z-index%3A%20-1%3B%0A%7D;h=;p=n;x=style-element

[5] z-index: 0.5 http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20z-index%3A%200.5%3B%0A%7D;h=;p=n;x=style-element

非妥当な例。

[6] z-index: auto http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20z-index%3A%20auto%3B%0A%7D;h=;p=n;x=style-element

[7] z-index: inherit http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20z-index%3A%20inherit%3B%0A%7D;h=;p=n;x=style-element

[9] z-index: 10.0 http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20z-index%3A%2010.0%3B%0D%0A%7D;h=;p=n;x=style-element

[10] z-index: 10.2 http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20z-index%3A%2010.2%3B%0D%0A%7D%0D%0A;h=;p=n;x=style-element

[14] z-index: -10.5 http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20z-index%3A%20-10.5%3B%0D%0A%7D%0D%0A;h=;p=n;x=style-element

[8] WinIE 6>>3>>6 をなぜか宣言ごと無視します。

[11] Firefox 2 は >>5>>9-10 のように小数点があると宣言ごと無視します。

[12] WinIE 6Opera 9 は小数部切り捨てます。 ですので >>9-10 も整数部無視されません。 ただし、 WinIE 6 はなぜか >>3無視するので、 >>5宣言ごと無視するみたいです。

[13] 小数部無視というのは CSSOM に入る段階での話です。

[15] >>14 Opera 9, WinIE 6 とも、 10 に丸められます。

[16] 会社で、後ろの席 (システムチーム) の人が便利そうなものを作ってました | ヨモツネット ( 版) http://www.yomotsu.net/wp/?p=501

IE には通常の要素とは異なる Windowed Elements なるものがあります。 Windowed Elements は z-index の重なり順のフローを無視します。そして、select は Windowed Elements なので z-index を無視します。

[22] ChromeFirefox<integer> として解釈するようです。つまり小数は認められていません。

[17] IRC logs: freenode / #whatwg / 20100324 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20100324#l-119

[19] What’s the Maximum Z-Index? ( ( 版)) http://softwareas.com/whats-the-maximum-z-index

[20] IRC logs: freenode / #whatwg / 20120405 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120405#l-474

[21] 2010-06-10 - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech ( ( 版)) http://subtech.g.hatena.ne.jp/cho45/20100610

[1] Chromeposition:stickyopacity の重ね順がおかしい。 opacity があると sticky より上に描画される模様。

sticky の方に z-index を明記すると回避できます。