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

Question

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

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

Answer 1

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

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

Answer 2

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