toolman Posted September 10, 2015 Share Posted September 10, 2015 (edited) Hi, I have the following code: <div class="cover" style="position: absolute; z-index: 200"></div> <div class="slide"> <img src="image.png" style="position: absolute; z-index: 50" /> <h1 style="position: absolute; z-index: 500">heading</h1> </div> I would like the <h1> to appear on top of the image and above the <div class="cover">For some reason, it is not appearing on top of the "cover".Any ideas why? Edited September 10, 2015 by toolman Quote Link to comment https://forums.phpfreaks.com/topic/298120-z-index-issue/ Share on other sites More sharing options...
scootstah Posted September 10, 2015 Share Posted September 10, 2015 It does, assuming you give cover a width and height so it actually takes up space. http://jsfiddle.net/pznoh7o6/ Quote Link to comment https://forums.phpfreaks.com/topic/298120-z-index-issue/#findComment-1520620 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.