Question

我是css和网页设计的新手所以请温柔;-)

我想知道是否可以在不参考标签的情况下定义页面的背景（即屏幕是什么颜色）。所以不做典型的事情：

body { background-color: #fff; }

我需要这样做，因为我正在编写css来设计我们的登录页面，但只能访问要插入到页面主体中的模板html。所以我的html看起来像这样（非常简化）：

<div id="loginpage"> 
  <div id="title"/>
  <div id="content"/>
</div>

我无法在网上找到任何答案，因为这似乎是一种不寻常的方式。那么：这是可能的，如果是 - 怎么样？

Answer 1

怎么样：

<div style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #999;">&nbsp;</div>

（将其置于所有其他html之上，如有必要，可以使用z-index: 1;）

Answer 2

如果您不介意失去IE6-8支持，可以使用:root选择器。

但您是否尝试过定位body或html，尽管它们不在代码中？它们仍然插入到DOM中。

Answer 3

在我看来，你需要与你的团队成员和一位上司讨论这个问题。如果你找到了解决方法，明天就可以开始工作并发现有人添加了

body { 
  background-color: #not-white !important;
}

在您的代码之后，您的下一个问题是如何在css中覆盖!important。

Answer 4

在旁注中，无论谁限制不允许您访问css / main模板，确实都不会这样做。如果你继续这样工作，你最终会得到许多可能会让你感到厌烦的变通办法。

无论如何，您都可以添加样式标记，如下所示：

<style type="text/css">
    body {background-color:#fff;}
</style>

优先于原始身体规则（假设身体流量未被篡改）。这比设置*的背景颜色更安全，这会产生意想不到的副作用。您可能还想通过速记background:#fff;进行设置，这将重置任何背景图片等。通常会应用。

更新

我刚看到你的评论

我确实做到了（只是目标身体），但是友好地提醒过我的团队成员只能在页面I上实际显示样式元素我正在努力......（身体不是这样）。

假设它是一个有效的参数而不是某种小暴政，那么在loginpage元素上设置背景可能是合适的吗？您可以通过ID引用元素，如下所示：

<style type="text/css">
#loginpage {background-color:#fff;}
</style>