将背景图像定位在div中以从某个点开始

Question

我正在尝试将背景图像添加到div，以扩展页面的高度。我的问题是，在这个div的顶部是一个透明背景的徽标。我不希望div的背景图像出现在徽标图像下方。

有没有办法告诉背景图像在某个像素点之前不会出现？因此，如果徽标的高度为200px，我可以让bg图像在div中210px之前不会出现吗？

Answer 1

只需将top:210px添加到该div的css。

Answer 2

您可以使用background-clip: content-box; - demo

更好的是，你可以设置background-clip: padding-box并设置一个大的透明顶部边框而不是一个大的透明顶部边框，以确保它在Opera中也能正常工作 - demo。