当您使用position: relative; top: 100px;
作为示例移动Chrome中的特定页面上的body元素(测试v23)时,背景仍然应用于整个视口。
这是Chrome错误还是任何人都可以解释行为/提供灵活的解决方案?
答案 0 :(得分:1)
这实际上是所有浏览器的预期行为:当body
元素确实偏离顶部100个像素时,背景本身将无缝传播到视口,如{{3的第一部分所述}}。这可能是HTML表现属性时代的延续,在body
上设置背景属性允许将背景传播到视口,给出了将背景应用于整个页面的外观。
如果您想将背景仅限制为body
元素,只需为html
提供transparent
以外的背景颜色,或者为其指定背景图像。然后,视口将使用html
的背景。