为什么设置body背景色会影响浏览器界面背景色?

风之吻 网站开发 314

为什么设置body背景色会影响浏览器界面背景色?-第1张图片-风享汇

html/body设置背景色为何影响浏览器界面背景色?

HTML中,body元素通常是CSS控制的最高节点。当给body设置背景色时,会使整个浏览器背景变为body的背景色,即使body的尺寸不足以填满浏览器窗口。

而当同时为html元素设置背景色时,浏览器背景色会从body背景色变为html背景色。这是因为:

W3C规范中规定,如果根元素(html或body)的 background-image 为空,而 background-color 为透明,则浏览器必须将根元素下第一个body元素的背景属性值传递给根元素。因此,body元素的背景属性值会被视为在根元素上指定。

因此,建议HTML文档中为body元素指定画布背景,而不是html元素,以避免浏览器背景色受到根元素影响。

标签: html

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~