The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Awesome responsive parallax background Re: Awesome responsive parallax background


Updated the pen I posted yesterday. This has been quite a learning experience :). I troubleshooted and found that the height of 100% was what was breaking everything. Google led me to this bit of knowledge:
“An element with position:relative on the whole behaves in the same way a normal position:static element does. Therefore setting height:100% will have no effect unless the parent element has a defined height. In contrast absolute positioned elements are removed from the document flow so are free to adjust to whatever height their containing element currently has.”

So, #parallax is now absolutely positioned and everything should behave the way you intended.