Putting Something On Top Of A Modal (zurb Foundation)

I want a div to appear on top of a Zurb Foundation reveal modal. However, my div refuses to be shown on top of the modal. The z-index of the modal is 1006. When I set my on-top div

Solution 1:

Your div needs to on the top level of the dom for this to work.

The following will work.

<divclass="reveal"><h1>my reveal</h1></div><divstyle="z-index: 1100; width:500px; height: 500px; 
top: 100px; position: absolute;left: 200px;">On top of the reveal</div></body></html>