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

Question

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

有没有办法告诉背景图像直到某个像素点才开始出现？因此，如果徽标的高度为 200 像素，我是否可以让 bg 图像在 div 内向下 210 像素时才开始出现？

Answer 1

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

Answer 2

你可以使用background-clip: content-box;-演示

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