panda_noir https://blog.hatena.ne.jp/panda_noir/ Panda Noir https://www.pandanoir.info/ CSS HTML z-indexを「なんとなく」で扱っていませんか？その結果 すべてのCSSを読まないと重なりについて理解できない 最大値を探し出さないとつぎの要素を設定できない z-index:100と設定する といったことになったこと、ありませんか？z-indexという"""災厄"""とうまく付き合いたくありませんか？ ポイント: z-indexを「グローバル」に扱わない z-indexを使っていて混乱するのは「グローバルに」扱ってしまっているからです。グローバル変数が悪というのは古から言われています。z-indexもグローバルに扱うことはもちろん握手です。 z-indexを「ローカルに」領域を区切って扱え… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.pandanoir.info%2Fentry%2F2019%2F01%2F27%2F000000" title="z-indexを心穏やかに使うための方針 - Panda Noir" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.user.blog.st-hatena.com/default_entry_og_image/110978553/1514686516237396 Hatena Blog https://hatena.blog 2019-01-27 00:00:00 rich https://www.pandanoir.info/entry/2019/01/27/000000 1.0 100%