こんにちはみんなJSとCSSに本当に慣れていない、そしてゲーム開発のスキルをテストしているだけです...
[リンクを削除]
「W」キーを数回押してみると、青いdivが親divのゾーンを離れると、隣のdivの下に移動することがわかります...これを解決するにはどうすればよいですか?
助けてください
こんにちはみんなJSとCSSに本当に慣れていない、そしてゲーム開発のスキルをテストしているだけです...
[リンクを削除]
「W」キーを数回押してみると、青いdivが親divのゾーンを離れると、隣のdivの下に移動することがわかります...これを解決するにはどうすればよいですか?
助けてください
まず、答え:親ボックス(赤いボックス)のz-indexを削除します
今内部の仕組み:
兄弟とその子にz-indexを設定する際の問題は、z-indexを親に設定するたびに、その子のすべてのz-indexが親のz-indexに関連するようになることです。
つまり、一方の兄弟の子のz-indexがもう一方の兄弟の子よりも高く、両方の親が独自のz-indexを持っている場合、それらの子は同じ階層に属しません。
赤いボックスのz-indexを削除し、子にのみz-indexを付けてみてください。
これがあなたが求める結果であることを考えると。
cssルールoverflow :visible
に変更overflow: hidden;
board_cell
赤い四角0と青い四角1のz-indexを入れて
くださいhttp://www.w3schools.com/cssref/pr_pos_z-index.asp