为什么改变身体的背景颜色会改变整个页面的背景？

Question

我使用以下代码记录了高度和填充值:

jQuery( document ).ready( function() {

    console.log( jQuery('body').css('height') );
    console.log( jQuery('body').css('padding-top') );
    console.log( jQuery('body').css('padding-bottom'));

}); //end ready

这输出:

20px
0px
0px

如果正文的高度只有20像素,那么当我使用这个CSS时,为什么浏览器的整个背景会变黑:

body {
    background: black;
}

我正在使用Chrome作为我的浏览器.如果你对我如何遇到这个问题感到好奇,我遇到了一个问题,即由于身体的默认高度而向身体添加一个似乎没有发射的点击事件.

Answer 1

很久以前有一些叫做document.bgcolor或类似的东西,可以让你设置文档本身的背景,但这已被弃用了.

相反,决定设置document.body.style.backgroundColor,或者换句话说设置主体的背景,也会document自动设置背景颜色,因为document对象没有style属性,但是当body/html元素没有完全覆盖时它仍然可见文档,即使body元素没有覆盖整个文档,这就是整个页面变黑的原因.