z-indexを「なんとなく」で扱っていませんか?その結果
- すべてのCSSを読まないと重なりについて理解できない
- 最大値を探し出さないとつぎの要素を設定できない
- z-index:100と設定する
といったことになったこと、ありませんか?z-indexという"""災厄"""とうまく付き合いたくありませんか?
ポイント: z-indexを「グローバル」に扱わない
z-indexを使っていて混乱するのは「グローバルに」扱ってしまっているからです。グローバル変数が悪というのは古から言われています。z-indexもグローバルに扱うことはもちろん握手です。
z-indexを「ローカルに」領域を区切って扱えると良いと思いませんか?実はできるんです!
続きを読む