聞いてヴェェー!!って思うみなさん、こんにちは。9日目(大遅刻)です。安全に付き合うおはなしをします。バトルをどう回避すればいいのか、もにょもにょしますよねこれを解決していきます。私の脳内で運用しているだけなので、提案として「ふーん」程度に受け止めていただければと思います。2147483647;}こんな光景を何度も見てきましたし、私自身似たようなことをやった過去があります。桁...」といった数値設計がありますが、けっこう運用がつらそうというか、あまりきれいな手法とは感じませんでした(もちろん、ルールを決めて苦しみに立ち向かっている時点でだいぶグッドではあります)。バトルで負けたら数値をあげる、というのもよく見かけます。こっちはぱっと見きれいですが、確認漏れによる事故が頻繁に起きそうですね。バトルにもスコープを設けて対応したいと思います。働きについて理解する必要があります。軸に重なり合っていくレイヤー」です。スタッキングコンテキスト、重ね合わせ文脈などとも呼ばれています。別の構造に保持されます。記事が最高にわかりやすいので、こちらから詳細を確認してください。MDNhttps://developer.mozilla.org/ja/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_contextちょっと図解してみました。色付き背景が重ね合わせコンテキストです。)重ね合わせコンテキストを持つ要素は、子の重ね合わせコンテキスト達のスコープとなるわけです。構造に沿ったスコープを作ることができそうです。親要素に重ね合わせコンテキストを付与する方法を考えましょう。参照してください)が、コンテキスト生成以外に描画に影響を与えるものは扱いがむずかしくなってしまいます。ところがどっこい、重ね合わせコンテキストを生成する専用のプロパティがあります。MDNhttps://developer.mozilla.org/ja/docs/Web/CSS/isolation実際に適用すると、このような重ね合わせになります。懸念点だいぶ良さそうですが、ふたつの懸念点があります。バトルに勝たせたいケース運用の漏れひとつめ。バトルに勝たせたいケース。構造から見直して欲しい気持ちが強いですが、大人の事情(?)でそうせざるを得ないときは詰みです。ざんねんでした...。