Forums

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

Home › Forums › CSS › 2 Repeating Backgrounds Starting at Different Points › Re: 2 Repeating Backgrounds Starting at Different Points

December 3, 2012 at 8:16 pm #116221
realph
Participant

Ok, so I think I found a solution here. I’m using body:after to create a “faux background” that starts from the left of the browser window. The benefit of this is no extra divs, and just a few lines of CSS. I then give my content div the same background as the body and voila!

Here’s a CodePen with my results: http://codepen.io/realph/pen/recAg

Works pretty well, right?