在div中定位背景圖像以在某個點開始

Question

我想將背景圖像添加到將擴展頁面高度的div。我的問題是，在這個div的頂部是一個透明背景的標誌。我不希望div的背景圖像出現在徽標圖像下方。

有沒有辦法告訴背景圖像不開始出現，直到某個像素點？因此，如果徽標高度爲200像素，我可以讓bg圖像不會開始出現，直到div內的210px爲止？

Answer 1

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

更妙的是，你可以設置background-clip: padding-box，並設置一個大的透明頂部邊框，而不是一個大透明的頂部填充，以確保它在歌劇作品，以及 - demo。

Answer 2

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