Using psuedo elements to create backgrounds that ‘break out’ of their parent element

[rblakejohnson]

Hello,
If you go to this link http://tinkerbin.com/5AtCuEhE and read the comments in the JavaScript pane I’ve explained what I’m going for. I want to use ::after to position a background image outside of it’s parent element and not get a horizontal scroll bar when the window is the width of that parent element.

Thanks!

[Chris Coyier]

Can you just hide overflow-x on the html element?

[rblakejohnson]

Thanks for the response. That is a good trick that I didn’t think about, but it probably won’t work because if the browser window is less than 960px I need a horiz scrollbar, just not until then.

[Author]

Posts