title: vueJs - z-index not working for child div inside v-dialog
body: <p>I have brought a span to show loading image inside v-Dialog of vuejs screen. Since the v-dialog has z-index of 220 which is inline style, my new span (loading image) is coming below the v-dialog. I have tried everything but its not working.</p>
  <p>I need to show loading image above the v-dialog</p>
  <p><a href="https://i.stack.imgur.com/7300N.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7300N.png" alt="image" /></a></p>
  <p><a href="https://i.stack.imgur.com/enX52.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/enX52.png" alt="console source" /></a></p>