The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › z-index not working:
I’m trying to get the z-index of the h2 in #text-3 to be on top of the div .left-bar.mobile-hide on this page: http://bitly.com/1KgGM0t
Right now the left bar fixed to the right page appears to be on top of it.
Any suggestions to get the bg of the “A creative design…” on top of the divs framing the page will be greatly appreciated. Thanks so much!
The main reason this isn’t working is because the left-bar div is not in the same stacking context as the bars.
To fix it, you’ll need to do two things…
To learn more about z-index stacking context and ordering, check out this article.