* 関連

[18] [CODE(CSS)@en['[[opacity]]']] の値は [CODE(CSS)@en[''[[z-index]]'']] の解釈に影響します。

* メモ

[2]
[CODE(CSS example)@en[[[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]
[CODE(CSS)@en[[[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]
[CODE(CSS)@en[[[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]
[CODE(CSS)@en[[[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]
[CODE(CSS)@en[[[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]
[CODE(CSS)@en[[[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]
[CODE(CSS example)@en[[[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]
[CODE(CSS example)@en[[[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]
[CODE(CSS example)@en[[[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]] とも、 [CODE(CSS)[10]]
に丸められます。

[16] [CITE[会社で、後ろの席 (システムチーム) の人が便利そうなものを作ってました | ヨモツネット]] ([TIME[2009-02-11 18:44:42 +09:00]] 版) <http://www.yomotsu.net/wp/?p=501>

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

[22] [[Chrome]] も [[Firefox]] も [CODE(CSS)@en[[[<integer>]]]] として解釈するようです。つまり小数は認められていません。
[TIME[2013-08-29T04:00:19.700Z]]

[17] [CITE[IRC logs: freenode / #whatwg / 20100324]]
([TIME[2010-04-03 01:03:00 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20100324#l-119>

[19] [CITE[What’s the Maximum Z-Index?]]
( ([TIME[2012-02-17 20:53:52 +09:00]] 版))
<http://softwareas.com/whats-the-maximum-z-index>

[20] [CITE[IRC logs: freenode / #whatwg / 20120405]]
( ([TIME[2012-04-14 17:24:02 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20120405#l-474>

[21] [CITE[2010-06-10 - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech]]
( ([TIME[2012-11-12 02:04:40 +09:00]] 版))
<http://subtech.g.hatena.ne.jp/cho45/20100610>

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

[CODE[sticky]]
の方に
[CODE[z-index]]
を明記すると回避できます。
[TIME[2022-02-22T09:15:03.500Z]]