要素ダイアログ ボックスのマスキング レイヤの Z インデックスがダイアログ ボックスの上位レイヤに表示されない

非常に言葉にならないことを記録します。デモを作成するときに、フロントエンド モジュール全体のホームページで使用されるすべてのダイアログ ボックスがz-index失敗しました。以下のような効果になりました
ここに画像の説明を挿入

通常は半透明の黒いマスキング レイヤーがダイアログ ボックスの下にあるはずです。コントロール ビューを使用して、ダイアログ ボックスとマスキング レイヤーの Z インデックスが毎回異なり、マスキング レイヤーが常に上にあることを確認します。非常に言葉が出ないので、git を使用してバージョン間のチェックを行いましたが、問題の原因となったファイルは見つかりましたが、削除して確認しても特定のコード行が見つかりませんでした。途中のカスタム CSS のファイル名を変更し、短期間復元されましたが、いくつかのバージョンを経て再び発生したため、特定の発生の実際の原因は特定されていません。しかし幸いなことに、私は最終的に解決策を見つけました。それは、指定されたダイアログ ボックスとマスキング レイヤーの両方を本体に挿入するというものでした。

el-dialogタグを追加するだけですmodal-append-to-body="true" append-to-body="true"

おすすめ

転載: blog.csdn.net/dudadudadd/article/details/130845133