Nehmen Sie eine sehr sprachlose Sache auf. Beim Schreiben der Demo schlugen alle auf der Homepage des gesamten Frontend-Moduls verwendeten Dialogfelder z-index
fehl. Wurde der folgende Effekt
Die normalerweise durchscheinende schwarze Maskierungsebene sollte sich unter dem Dialogfeld befinden. Verwenden Sie die Kontrollansicht, um festzustellen, dass der Z-Index des Dialogfelds und der Maskierungsebene jedes Mal unterschiedlich sind und die Maskierungsebene immer oben liegt. Sehr sprachlos habe ich Git verwendet, um zwischen verschiedenen Versionen zu prüfen. Obwohl ich die Datei gefunden habe, die dieses Problem ausgelöst hat, konnte ich nach dem Löschen und Überprüfen die spezifische Codezeile nicht finden. Ich habe den Dateinamen eines benutzerdefinierten CSS in der Mitte geändert und Es wurde für kurze Zeit wiederhergestellt. Es tauchte nach mehreren Versionen wieder auf, sodass die eigentliche Ursache des spezifischen Vorfalls nicht gefunden werden konnte. Aber zum Glück habe ich endlich eine Lösung gefunden, nämlich sowohl das angegebene Dialogfeld als auch die Maskierungsebene in den Körper einzufügen, und das war’s.
Fügen Sie einfach el-dialog
das Tag hinzumodal-append-to-body="true" append-to-body="true"