Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

oscarmoore's avatar

Bulma modal box background-color issue

Pardon my beginner-ness. I doing the Bulma modal lesson (learn-vue-2-step-by-step episode 10) and the modal box is supposed to have a white background that appears "on top of" the opaque grey modal background. I have the opaque grey covering everything, with the box and the rest of its styling visible through the opacity. If I use dev tools I can see the .box {background-color: white} is there (not crossed out) and when I manipulate the attribute to different colors I can see them changing "behind" the opaque grey. Any ideas?

0 likes
3 replies
Snapey's avatar
Snapey
Best Answer
Level 122

did you miss setting the z-index so that the modal sits above the opaque layer?

oscarmoore's avatar

That did it, thx Snapey! The box class styling is done by Bulma. But threw in inline style .box{ z-index: 1} and it worked.

Snapey's avatar

great. please mark best answer.

Please or to participate in this conversation.