Chrome中的身體背景忽略身體的位置

Question

當您使用​​作爲示例將Chrome中的特定頁面上的body元素（測試v23）作爲示例時，背景仍然應用於整個視口。

這是一個鉻錯誤或任何人都可以解釋行爲/提供靈活的解決方案？

Answer 1

這實際上是所有瀏覽器的預期行爲：儘管body元素確實從頂部偏移了100像素，但背景本身正在無縫傳播到視口，如this answer的第一部分所述。這可能是HTML呈現屬性時代的延續，其中設置背景屬性body允許將背景傳播到視口，從而給出整個頁面應用背景的外觀。

如果你想限制後臺只有body元素，簡單地給html背景顏色是以外的任何其他transparent，或給它一個背景圖像。該視口將使用html的背景替代。