Question

I am trying to add a background image to a div that will extend the height of a page. My issue is that at the top of this div is a logo with a transparent background. I dont want the background image of the div to appear below the logo image.

Is there a way to tell the background image to not start appearing until a certain pixel point? So if the logo is 200px in height can i have the bg image not start appearing until 210px down within the div?

Answer 1

You could use background-clip: content-box; – demo

Even better, you could set background-clip: padding-box and set a big transparent top border instead of a big transparent top padding to make sure it works in Opera as well – demo.