我一直在研究html根元素和body子元素在HTML文档中的交互方式。CSS2.1规范中的以下摘录指出，在方框中，模型边距是透明的，这一点我们都知道。
LI框的边距是透明的，边距总是透明的，因此UL填充的背景颜色(黄色)和内容区域在它们中间闪闪发光。
然而，让我好奇的是，如果边距是透明的，那么如果我给根元素，即html元素，一个边距，这个边距应该通过默认的浏览器用户代理画布颜色显示。但是，下面的代码片段显示的情况并非如此。顶级html元素的边距似乎使用了与其背景属性中指定的颜色相同的颜色。以下是代码：
<!doctype html>
<html style="
浏览 3提问于2013-11-03得票数 5
回答已采纳
2回答
我被背景图像弄糊涂了：
div元素中的背景图像
当背景图像在div中时，图像被放置在div中.
body元素中的背景图像
当背景图像在被约束的物体中时，图像被放置在身体元素之外.
有人能告诉我为什么吗？
这是结果
我的代码：
body{
height: 300px;
width: 300px;
position: absolute;
top: 20%;
left: 20%;
border: 2px solid black;
浏览 7提问于2017-09-07得票数 0
基于：
问题只会出现，当<body></body>标签没有触及浏览器内部的边界时，即我们尝试给元素留出空间(这样它也不会触及)浏览器窗口。为了扩展这个例子，我们将给<html></html>标记留出空间，这样在html元素和浏览器内部区域之间就会有20 so的差距。
现在，让我们看看会发生什么？
案例-I：
html {margin:20px; border:2px solid blue;}
body {margin:20px; border:2px solid brown;}
div {margin:20px; border:2px sol
浏览 1提问于2022-02-12得票数 -1
$("#toggle").click(function(){
$("html").toggleClass("bg");
});
html.bg {
background: blue;
}
body {
background: yellow;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<ht
浏览 3提问于2012-06-08得票数 58
回答已采纳
1回答
根据w3，元素的裕度是透明的：
我构建了一个非常基本的HTML页面：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<style>
body {
background-color: red;
}
</style>
</head>
<body></body>
</html>
在C
浏览 4提问于2016-01-08得票数 3
回答已采纳
我想使用CSS为HTML指定背景色。如果我的foobar.css文件是
back {
background-color: #808080;
}
我的index.html是
<link href="foobar.css">
<p><back>foo</back></p>
<p><back>foobar</back></p>
这样做并不完美:是的，线条有背景，但是背景只覆盖线条的长度，所以它在右边是锯齿状的，而背景并不覆盖线条之间的空间。
如何使背景覆盖段落周围的整个矩
浏览 8提问于2014-11-04得票数 0
回答已采纳
1回答
在尝试了最基本的超文本标记语言设置之后，我发现在每个浏览器中，顶层<html>标记的包装都不能正常工作。
我得到了背景颜色为黄色的<html>元素。然后是宽1000px、高100px、背景颜色为红色的<body>元素。
在查看页面和调整视口大小时(以便水平滚动条变为可见)，完全向右滚动，然后在您最喜欢的web开发工具中查看指标。
body标记以1000px的宽度正确显示，但随后将鼠标悬停在HTML元素上，该元素将以视窗分辨率的大小截断。换句话说，<html>元素没有正确换行。即使<html>标记的背景色在整个页面上呈现正确？
你可能会
浏览 0提问于2011-05-31得票数 0
1回答
我有一个大背景封面。
<div id="cover">
...
</div>
和CSS
#cover {
background:url('cover.jpg') no-repeat fixed center center / cover;
height: 350px;
width: 100%;
}
预期输出：背景图像大小调整为350 px100%(在我的示例中为350x900)，应该具有基于<div id="cover"></div>的滚动效果。
实际输出：将背景图像
浏览 2提问于2014-08-27得票数 1
2回答
设置：
我有一个带有字段集元素的HTML页面。字段集元素的背景色与页面的背景颜色不同。字段集的边框比背景颜色稍深一些。
问题：
在Firefox中，只有边框内的区域具有指定的背景色。在IE7中，背景色流过由边框分隔的区域(仅在顶部)。
问题：
如何使字段集元素的背景留在由IE7上的边框分隔的区域内？
浏览 2提问于2009-01-23得票数 19
回答已采纳
1回答
因此，我在绿色屏幕上拍摄了一些视频，删除了后置效果中的背景，并将视频保存在alpha通道中。我想把这段视频放到Adobe中，这些视频将在幻灯片中成为一个可以交谈的故事。在导入和放置我想要的视频后，我会去预览。如果我预览幻灯片在吸引普通预览者的背景是透明的，这正是我想要的方式。但是如果我预览它或者将它发布到HTML 5中，背景就会变成黑色。HTML 5是该项目需要查看的内容。我是不是做错了什么或者HTML 5不支持透明视频。谢谢你的帮助。
浏览 2提问于2013-02-13得票数 0
* {
margin:0;
padding:0;
}
body {
background-image: url(https://media.architecturaldigest.com/photos/5da74823d599ec0008227ea8/16:9/w_2560%2Cc_limit/GettyImages-946087016.jpg);
background-size: contain;
}
<html>
<body>
</body>
</html>
在本例中，当背景大小被设置为“包含”时，不显示
浏览 4提问于2020-12-16得票数 1
回答已采纳
指出，当页面中没有任何元素具有z索引时，元素按以下顺序堆叠：
根元素的背景和边框
正常流中的后代块，按外观顺序排列(在HTML中)
子代定位元素，按外观顺序排列(在HTML中)
但是，当不透明因素小于1时，情况就不是这样了：
假设真正的秩序是这样的安全吗？
根元素的背景和边框
正常流中的后代块，按外观顺序排列(在HTML中)
按外观顺序创建堆叠上下文的子代定位元素和子代元素(在HTML中)
浏览 8提问于2012-07-30得票数 3
回答已采纳
1回答
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<div style="background-color: grey" id="parent">
<div style="background-color: red">
content
</div>
<div style="margin: 10px; padding: 10px; backgro
浏览 2提问于2021-06-17得票数 0
1回答
视频呼叫是我的Cordova应用程序的一个功能。它在android上运行得很好，但我很难在IOS中的UIView上放置HTML按钮。插件cordova-plugin-iosrtc的说
如果指定的z-索引<0(也就是说，视频元素将被定位在web视图的“后面”)，则应该将背景颜色指定为透明，这样视频元素将通过web视图显示。
在我的HTML中，我做了下面的工作
体{背景颜色:透明}
html {背景颜色:透明}
div.videoElementContainer{背景颜色:透明；z-索引：-1}
Div.buttonContainer{背景颜色:透明；z-索引:99}
浏览 2提问于2018-06-05得票数 0
我正在尝试使用background-image将正文的背景设置为图像，并且我希望将内容放在图像的顶部。在CSS中，我使用带有::before伪元素的body选择器设置背景；但是，除非我使用z-index: -1，否则图像不会出现在背景中。(我之所以使用::before，是因为我想将图像固定到视区，而我不想在常规的body选择器中这样做，因为这将固定页面上的所有内容，并阻止我滚动内容。)
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height:
浏览 0提问于2021-07-29得票数 1
1回答
在不为html元素提供任何高度的情况下，background是如何覆盖整个视图的。当我检查html元素的计算高度时，只有8px，这是因为body从用户代理样式表获得的margin。
html {
background: hotpink;
}
当body: {background: hotpink}的计算高度为0px时，甚至会向0px提供背景信息。
使用body，我知道它实际上不是背景可见的body，相反继承body背景的是html。所以，这有点类似于在html上设置它。
但我的疑问是，当它没有指定的内容或高度时，它是如何占据整个视图的呢？
而且，这种行为似乎只适用于backgrou
浏览 1提问于2022-02-08得票数 0
回答已采纳
4回答
我如何使用javascript/jQuery重写css属性，比如cssHooks(jQuery)，但是prop在外部css中。
例如：
index.html
<div id="test">abc</div>
styles.css
#test {background: red;}
每次我使用背景道具时，我都想隐藏这个元素，而不做任何背景操作。
“但我不仅想对某些div (#test)这样做，而且还想对我的css中具有背景属性的每个元素都这样做。”
浏览 0提问于2012-04-10得票数 1
回答已采纳
1回答
我有一个HTML标记的嵌套：
<div className="col-md-4">
<ul className="list-group">
//some other tags
</ul>
</div>
我希望它们都有相同的背景颜色。
我尝试设置最上面的组件的背景颜色，但其中组件的背景仍然是白色的。
嵌套标签分布在多个源文件中，因此很难分别更改每个文件的背景色。
因此，有没有一个选项可以传递给最上面的div，让它里面的所有标签都有相同的背景色？
浏览 0提问于2015-10-13得票数 0
因此，当我从background选择器中移除background-color或background属性时，当body选择器存在background或background-color属性时，主体的背景占据了整个屏幕。
但是，当为background标记设置了html或background-color属性时，主体的background属性只影响主体占用屏幕的部分，AKA主体的内容占用，而不是整个屏幕。
原因是什么(错误，决定.)现在我必须同时设置html和body的背景吗？谢谢。
浏览 1提问于2017-07-08得票数 3
回答已采纳
4回答
我想在CSS中改变整个背景颜色。通常，在HTML语言中，我们只是将样式应用于<html>标记，如下所示：
<html style="background-color:black;">
<body>
...
</body>
</html>
但在ZK .zul文件中，代码通常是这样的：
<zk>
<div>
...
</div>
</zk>
没有<html>标签。有没有办法在ZK中改变整个背景颜色？我尝试过.z-p
浏览 1提问于2015-08-18得票数 2
当我向Body元素添加一个背景图像时，背景图像实际上出现在HTML容器上，而不是主体上。同样的情况也适用于背景颜色。但是，如果我向HTML容器添加一些背景色，则HTML容器不会继承正文的背景图像和颜色。
下面是一个例子。
<html>
<head>
<style>
* {
margin:;
padding:;
}
body {
border:3px solid green;
height:200px;
background-image:url(https://images.immediate.co.uk/pro
浏览 2提问于2020-10-13得票数 0
我正在尝试学习如何使用伪元素:before和:after。我试图在页面底部添加一个黑色背景作为粘性页脚，但它似乎不能正常工作。
基本上，我有一个重复的图像作为HTML元素的背景，然后我在底部添加了一个绝对div，背景为纯黑色。
我只想指出，这只是一个学习实验，并不是真的可以达到同样的效果，但我正在尝试的是在Firefox中工作，而不是在Chrome中工作！
这是我的CSS：
html {
background-image: url('images/template/html-bg.jpg');
background-position: top left;
浏览 0提问于2012-03-20得票数 8
回答已采纳
我使用一个UIPrintPageRenderer和一个UIMarkupTextPrintFormatter来打印在UIWebView中呈现的html页面。我试图实现以下目标:我希望将html内容作为透明层呈现到上下文上，但是当在上下文中用UIPrintPageRenderer呈现时，html内容的背景色总是白色的，掩盖了下面的所有内容。
html样式包含以下代码片段：
body {
background-color: transparent !important;;
-webkit-print-color-adjust: exact;
}
在UIWebView中，我可以
浏览 5提问于2017-10-03得票数 12
回答已采纳
1回答
我在html和body标签上有一个背景图像，因为我在html上有一个重复的背景，我希望随着内容的高度增长。在这上面是身体背景图像-这是主要的背景图像(它看起来溶解在html图像中，但它只是重叠它)。
除了有人进行浏览器缩放之外，它工作得很好。奇怪的是，HTML背景开始爬过右侧的正文背景。
html {
margin: 0; padding: 0; border: 0;
background: #000000 url("menu/images/redline2.jpg") repeat-y center;
}
body {
margin: 0; padding: 0; bord
浏览 3提问于2013-05-05得票数 0
2回答
我如何才能得到/产生一个所有的HTML元素(tagNames)的列表，其中的背景颜色是有意义的(即有效果)？
例如，DIV应该在列表中，但是链接不应该。
(我需要这样来优化一个覆盖整个DOM并计算新背景颜色值的铬扩展)
浏览 5提问于2017-10-10得票数 1
回答已采纳
谷歌的使用利润率和填充来将内容集中在正文标记中，如下所示：
body {
margin: 7% auto 0;
max-width: 390px;
min-height: 180px;
padding: 30px 0 15px;
}
然后，将破碎机器人的图像设置为主体标记上的背景图像，并将其定位在右上角，使其仅出现在主体内容的右侧。
* > body {
background: url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;
padding-right: 2
浏览 1提问于2016-05-20得票数 3
回答已采纳
3回答
嘿，伙计们，基本上我这几天一直在学习html和Css。我很难同时分配背景色和字体颜色。
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8" >
<title>Practice blog</title>
</head>
<body style="color: blue;">
<body style="background-color:lightblue;">
所以基本上
浏览 0提问于2021-08-18得票数 0
回答已采纳
我有一个非常简单的Javascript (jQuery)代码，它只在单击链接时向HTML <a>元素添加一个类名，然后使用将链接背景更改为红色。
您将在我的代码中看到，我为HTML定义了背景色。Javascript (jQuery)代码只是addClass()到<a>链接标记，如果单击了链接，则使用CSS将背景颜色更改为红色。
我的代码是 on jsfiddle，为什么它不能工作？
新problem------------------------
如果我把链接放在一个表中(作为<td>的一个内容)，就像显示的那样，事情似乎就不一样了，为什么现在背景不变成
浏览 1提问于2011-10-16得票数 1
回答已采纳
2回答
在大多数浏览器os配置中，网站的标准背景是白色的，所以如果我创建一个网站，我首先会将背景颜色设置为深色。但是，如果我尝试在"*“上设置过渡属性，背景也会淡入，在我看来，这看起来很糟糕。我怎么才能删除它呢？
*{
transition: 2s;
}
body{
background-color: #000
}
<html>
<body>
<p>Hi!</p>
</body>
</html>
浏览 0提问于2020-04-10得票数 0
使用Javascript库html2canvas的一些问题。问题是，html2canvas正在获得具有透明(有时是白色)背景的"div2“，我希望在"div2”中包含身体背景(或这个div后面)。
<div id="div2" style="width: 150px; height: 50px;"></div>
html2canvas(document.getElementById("div2"), {
onrendered: function(canvas) {
浏览 0提问于2014-03-17得票数 2
回答已采纳
2回答
我有一个网站，其中的背景图像是拉伸，以适应整个屏幕。点击会改变背景图像的地方有缩略图。当背景图像发生变化时，我试图让交叉淡入淡出过渡发生，但我似乎不能让它工作。
现在，当点击缩略图时，整个屏幕(包括内容)淡出，然后以正确的背景图像淡入。我不想让内容淡出...我只是想让背景图像淡出。我想我的问题是我告诉整个HTML页面淡出，但我不确定如何只针对整个网站的背景图像。
CSS
html {
background: url(../img/01.jpg) no-repeat center fixed;
-webkit-background-size: cover;
-moz-ba
浏览 2提问于2012-05-07得票数 1
回答已采纳
2回答
我使用Foundation 5平台来建立我的网站。
在我的网站的一个页面中，有一个空白的白色背景--默认的背景。我试着把它改成图像背景，但失败了。
有人知道为什么背景仍然是白色的吗？感谢你的！！
<style>
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
浏览 0提问于2014-02-02得票数 0
我在为div标签中的内容分配背景色时遇到了困难。
在我的html文件中，我有...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Guitar Gods</title>
<link href="guitargods_css.css" rel="stylesheet" type="text/css">
</head>
浏览 2提问于2013-03-10得票数 1
回答已采纳
在HTML5中是否允许对空元素使用结束标记？它们在以前的HTML版本中是允许的，原因是什么？来自XML背景，void元素是允许的结束标记，所以不确定。
浏览 0提问于2021-03-12得票数 0
如何更改HTML文档中的背景色？我正在为一个朋友的网站工作，需要将背景颜色更改为RGB 242,53,145，但不知道如何更改。
浏览 11提问于2020-12-03得票数 0
4回答
我有下面的HTML，我想在按钮和文本后面显示一个蓝色背景。不幸的是，使用下面的代码，蓝色背景消失了。如果我去掉I按钮和文本的CSS，背景就回来了。
我做错了什么？
谢谢!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
浏览 0提问于2009-03-12得票数 10
回答已采纳
4回答
我有一个简单的代码，在html的body标签中有一个文本和一个css样式表，只是为了有一个背景图像，我不确定为什么背景图像根本不显示。
下面是我的html：
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
Test
<
浏览 4提问于2016-07-14得票数 0
1回答
我在html5中有以下结构：
html
- body
- header
- #wrapper
- aside nav
- footer
标题有两个带有背景图像的大div，一个是徽标，另一个是子徽标。
导航栏也有背景图像，我刚刚在包装器中添加了一个背景，它需要有一个背景图像，因为图像需要用包装器中的内容展开。包装器也被定位在空白处-top：-105px，因此包装器背景的一部分在标志和子页面下，因为这两者都不是100%宽，包装器背景显示在侧面，很像纸页。
我的问题是，包装器就在这个时刻，在logo和sublogo之上。我尝试将z-index值10添加到头文件中，并将z-i
浏览 3提问于2012-02-01得票数 0
回答已采纳
2回答
我做了几个控件来编辑加载到应用程序中的特定页面的背景色、字体等。
现在，当我改变背景颜色时，整个页面都会变成这种颜色。
当然，我不希望我的控制面板(左和右)也改变。
整个页面被构建为一个html表，在中间的列中是一个div，这是我想要编辑的页面。
中间div代码：
<td style = " vertical-align:top" ><% if (Model != null && Model.PublicationID != 0)
{
Html.RenderPartial("TopBar&#
浏览 0提问于2013-12-16得票数 0
2回答
当我点击一个页面时，我想要将身体背景改变成不同的颜色。我的HTML代码只有一个页面，所以页面被分类为<div>。我不想改变id的背景。我只想改变身体的颜色。
我试过：
body #home {background-color:#099;}
但是它只是在#home div的维度内而不是在身体背景中变化。
我试过：
body#home {background-color:#099;}
但什么都没发生。
浏览 0提问于2013-02-18得票数 0
回答已采纳
1回答
我有一个网站，具有以下基本结构。这个站点的背景应该是白色的，图像只出现一次，但它只继承了CSS中html{ }声明的颜色。元素下所有应该具有背景的元素都是透明的，即使添加了背景(在Firebug中选中)，这似乎低于html{ }中定义的背景。
这只是在我从#content-container中删除了声明overflow: none;之后才发生的，就像以前一样，它在那里工作。我需要删除这一点，然而，因为网站发生的变化需要导航菜单有下拉菜单，所以下面的容器必须允许溢出。
发生这种情况有没有特定的CSS原因？或者我需要提供任何其他东西才能帮助别人？谢谢。
<div id="main-c
浏览 3提问于2012-04-26得票数 3
回答已采纳
我遇到了一个问题，嵌入一个谷歌应用程序脚本HTML到我的谷歌网站，因为默认的白色背景不符合该网站的主题。
是否有可能让Google脚本HTML有一个透明的背景，或者改变Google脚本的背景颜色来更多地使用它？我做了很多研究，但我还没有找到解决这个问题的人。
浏览 12提问于2022-09-25得票数 2
我使用浏览器控件来显示本地的html内容，因为html页面的背景颜色是黑色的。
当我使用NavigateToString方法导航到webbrowser时，webbrowser的背景立即变成了白色，然后出现白色的html页面，然后背景变成了黑色。
这有点令人不安。考虑提供最好的用户体验，我想实现浏览器的默认背景是黑色的。
提前进行Thx检查。
浏览 0提问于2012-02-03得票数 0
回答已采纳
2回答
我需要覆盖默认颜色在接收到的HTML电子邮件。我遵循了这个何图，并相应地修改了我的userContent.css。基本上，我需要黑色背景上的白色文本：
$ cat userContent.css
body {
color: white !important;
background-color: #303030 !important;
}
td {
color: white !important;
background-color: black !important;
}
这对于背景颜色来说是可以的，但是我想要的字体颜色(白色)被忽略了，即使我使用了!important。
我
浏览 0提问于2014-07-12得票数 1
回答已采纳
4回答
可以看到div继承的背景色吗？
如何获取html元素继承的颜色？默认情况下，元素是透明的。因此，当一个div被放置在某个地方时，它不会显示在渲染中(但如果该div的背景颜色是红色，它将立即可见)。如果没有显式背景色，如何找到隐式背景色？
下面是一些示例代码。在埃菲尔铁塔的左上角有一个1px x 1px的div。那个div的背景颜色是什么？
<html>
<body style="margin: 0px;">
<img src="http://www.eiffel-tower.us/Eiffel-Tower-Images/eiffel-tow
浏览 2提问于2012-07-19得票数 5
8回答
更改div的类
、、、
<!doctype html>
<html>
<head>
<style>
#sample{
width:100px;
height:100px;
background-color:red;
}
.green {
background-color:green;
}
</style>
</head>
<body>
<div id="sample" ></div>
</body>
<sc
浏览 10提问于2014-12-25得票数 0
回答已采纳
我对CSS非常陌生，并且发现了一个我不明白的细微差别。我正在尝试设置视窗背景色，并在本例中使用红色。
如果在外部.css文件中使用以下代码，然后将其添加到“head”部分的html文件中，则视口颜色根本不会改变--这是标准的白色背景：
==== my-external-css-file.css ===
root
{
display: block;
background-color:RGB(255,0,0);
}
==== my index.html file ====
<head>
<meta http-equiv="Cont
浏览 4提问于2011-12-06得票数 0
回答已采纳
下面是用F#编写的我的客户端web应用程序的片段，使用的是寓言(用于编译到Javascript)和Fulma (用于CSS呈现)。
let view (model: MyModel) dispatch =
div [ Style [CSSProp.BackgroundColor "green"]] [
Button.button [ Button.Size IsSmall ] [ str "START" ]
]
目前，只有div块的背景色设置为绿色。我知道我可以将它硬编码到index.html或bulma.css中，以改变整
浏览 1提问于2021-03-24得票数 0
回答已采纳
我在背景元素上设置了一个jQuery mouseup事件，该元素是带虚线的蓝色(这是背景图像，而不是元素)。只有当其他元素中的一个没有放置在顶部时，它才会触发。我可以在代码中传递事件，但这似乎会引起混乱。有没有一种方法可以让蓝色元素接收mouseup事件，即使另一个元素在顶部？
此外，目前，红色、蓝色和黑色覆盖元素不是蓝色背景元素的子元素，但如果需要，它们可能是子元素。
编辑：
重构html以将元素嵌套到父子关系中是可行的。
浏览 2提问于2010-12-07得票数 4
回答已采纳
我尝试将图片与链接中的文本进行v对齐。到目前为止，我已经使用了背景图像来完美地v居中我的文本图像
CSS
.label {
margin: 0 0 0 15px;
padding: 0;
color: #fff;
}
a.moreinfo {
background: url(../images/gallery/add.png) no-repeat left center;
cursor: pointer;
}
HTML
<a class='moreinfo'><span class='label'>MORE INFO</sp
浏览 0提问于2014-01-31得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
