Question

我正在设计一个网站，其整个背景颜色为浅绿色（确切地说是＃F5FFF6），现在我需要创建一个背景颜色为白色的字段集（＃ FFFFFFF）。这是我在css中的代码...

#page_content {
width: 100%;
height: auto;
min-height: 100%;
position: relative;
background-color: #F5FFF6;
}

#fieldset {
background-color: #FFFFFF;
}

它有点用于＆＃34;浅绿色页面背景颜色＆＃34;而且我的场地组的颜色是白色的，这也是我想要的。但我注意到我的fieldset所在的区域，页面的背景颜色也是白色而不是浅绿色。其余的都是浅绿色的，除了那个区域。所以我尝试创建另一个fieldset和boom！同样的事情发生在第一个字段集上 - 我的字段集后面的区域又是白色的。

我真的无法弄清楚这有什么问题。你能帮我吗？

Answer 1

Ids（前缀为＃的选择器）对于一个元素应该是唯一的如果您要定位某个类别的多个元素，请使用类和相应的选择器（<div class="something">和.something {}）或通用选择器（div {}）。

Answer 2

这种行为是正常的。您选择将白色背景应用于元素（fieldset），并获得相对于该区域的白色背景。所以，如果这不好，你可能想要实现其他目标。

Answer 3

没有得到确切的问题。
如果你不希望页面的整个宽度为白色，只需给字段集一个宽度，这样页面的背景颜色将保持绿色。 / p>

#fieldset {
background-color: #FFFFFF;
width: 100px;
height: 150px;    
}

我做了一个例子： http://jsfiddle.net/aKGmc/2/ 如果这对您没有帮助，请上传一个jsfiddle，以便我可以看看问题

Fieldset背景颜色影响网站背景颜色

3 个答案: