Vuetifyで要素を最上面に表示したい
重なり順のお話
アラート表示が「v-overlay」の下に...
めちゃくちゃ頑張ってアラート機能を作りましたが,画像のように「v-dialog」の「v-overlay」の下に,,,
因みにこのアラートは「App.vue」に記載して「z-index」は99にしてました.
z-indexを999にして解決
取り敢えず適当に「z-index」を999にしたら解決.
おおー!!
「v-overlay」の「z-index」は201
Chromeのデバッグ機能で覗いた感じ,どうやら「v-overlay」の「z-index」は201っぽい.
これが固定なのか動的に定められているのかはわかりませんが,,,
ま,取り敢えず202にしたら解決
「z-index」はどこまで??
これまで「z-index」は99が最大と思ってました.
いやいやVuetifyがルール破るはずがない
この際調べてみたところ,最大値は「2147483647」とか
こりゃもう一時安心,,,
まあ,ブラウザとかによるとも思うので参考まで
ではでは~
あ,因みに私これが多分初記事です
よろしゅうに