html元素后的黑色背景颜色

时间:2016-07-17 17:10:25

标签: html css background-color

我的网站上有背景颜色的问题。 html标签之间的代码完全正常

<!DOCTYPE html>
<html>
//...
</html>

获得所需的结果。但是,如果屏幕太大而无法容纳bage,则底部会出现黑色背景颜色以占据该空间:

enter image description here

如果页面等于或大于屏幕,一切正常。黑色区域没有溢出。

注意:如果我将任何页面缩小到屏幕大于所有内容的点,则所有页面都会出现同样的问题。

问题: CSS(或Javascript)中是否有办法更改图片中黑色区域的默认颜色(位于HTML元素之后)?

编辑:

以下网站就是一个例子: https://www.phpbb.com/styles/demo/3.1/board/index.php?style=1246

如果你从网站上滚回来,并使用google chromes“inspect”选项,你会看到html没有占据整个页面,而底部的黑色部分是分开的。我想知道如何将底部的黑度改为另一种颜色(如白色)。

2 个答案:

答案 0 :(得分:1)

您可以在background-color上看到一个有效body规则的实时示例。并且您认为body background-color导致黑色的原因是什么。

有效Active Background-Color

不活跃Not-Active Background-Color

如果您想让body保持黑色,请将background-color标记的html设置为您想要的颜色(此时它是透明的,所以它让身体的黑色通过)。

Set Background-Color on HTML

对于你想要的白色,你会做类似的事情:

html {
  background-color:#ffffff;
}

我不知道您是否可以更改默认值,但如果不是,您只需在颜色代码后添加!important即可。

答案 1 :(得分:0)

要获得背景颜色,请添加:

body {
    background-color: rgb(153,153,153);
}