Vue two modal pop-up boxes let later modal display at the top

add the form is a modal pop-up box, upload, click to view the picture, but the modal of the picture has been displayed under the original modal
clipboard.png
(it seems useless to try z-index)

Mar.29,2021

first of all, z-index only works on positioning elements.

if you try to set a z-index value for non-positioning elements, it certainly won't work.

second, the z-index value creates a stack context.


recently I've seen a lot of questions with large fonts, prompting the questioner to explain the whole story clearly.
so I'd like you to explain where
1 modal comes from. What does it say? How
2 is applied, and where did you modify it?
3 do you have a preliminary judgment on why it doesn't take effect
I think this is probably iview,. The order of two modal in template is picture modal on top


are you using iview modal? It is recommended to add a style to the modal component itself, style setting positioning + control level (such as: position:fixed;z-index:99999)

do not directly use the z-index that comes with modal. It is not easy to use.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b40be9-2c51d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b40be9-2c51d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?