Modal layer not showing up on top
Posted: Sun Oct 16, 2022 10:52 pm
I created a modal layer to be on top of the index page and it works as expected in preview. But when I post it, the modal layer is the bottom layer, below the master frame and the index.html page. I looked at the html listing for the index page and the modal layer object has the largest number, 20, but the two images that are on the layer are listed with a z-index of 0 & 1, and the button I added has a z-index of 3. I looked at the master frame z-index and it starts as 0 with contents increasing from there.
I couldn't figure out how to change the z-index in WWB, but I tried using a text editor on the published index.html and made the layer 997, the two images 998 and 999, and the button 1000. But it didn't appear to move the modal layer section to the front. Is there something that is in the .css file I should be working with as well?
I've searched this forum, but could not search on "z-index" It would only let me search on index, which wasn't helpful. I know others have had this problem, but I couldn't find solutions. Is there a tutorial on using or modifying the z-index?
Can someone point me in the right direction on bringing the modal layer to the top of the page?
Thanks
Ptlycldy
I couldn't figure out how to change the z-index in WWB, but I tried using a text editor on the published index.html and made the layer 997, the two images 998 and 999, and the button 1000. But it didn't appear to move the modal layer section to the front. Is there something that is in the .css file I should be working with as well?
I've searched this forum, but could not search on "z-index" It would only let me search on index, which wasn't helpful. I know others have had this problem, but I couldn't find solutions. Is there a tutorial on using or modifying the z-index?
Can someone point me in the right direction on bringing the modal layer to the top of the page?
Thanks
Ptlycldy