メモ
[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 6 や Opera 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] Chrome も Firefox も <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]
Chrome
は
position:sticky
と
opacity
の重ね順がおかしい。
opacity
があると
sticky
より上に描画される模様。
sticky
の方に
z-index
を明記すると回避できます。