toolman Posted September 10, 2015 Share Posted September 10, 2015 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? 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/ Link to comment https://forums.phpfreaks.com/topic/298120-z-index-issue/#findComment-1520620 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.