可以在 CSS 中给 <html> 一个背景图像吗？答案

【问题标题】：Is it okay to give <html> a background image in CSS?可以在 CSS 中给 <html> 一个背景图像吗？
【发布时间】：2012-01-08 08:05:48
【问题描述】：

或者由于某种原因这是不好的做法？

非常感谢！

【问题讨论】：

【解决方案1】：

我只是将它添加到 body 元素中，您将获得相同的效果。或者，如果您正在查看双背景，您可能希望查看能够使用此功能的 CSS3 组件。（虽然不兼容所有浏览器版本）

【讨论】：

【解决方案2】：

鉴于您的问题...

这是一种不好的做法。

页面整个主体的背景应该应用于body标签：

body { background-image:url('sunny.gif') }

这是最佳实践。

请注意，如果您使用的图像小于屏幕，则会重复！

通常推荐的做法是同时指定匹配的背景颜色，因为它会立即出现（然后被替换）。

body { background-image:url('sunny.gif'); background-color:#b0c4de; }

还有一个捷径：

body { background: #b0c4de; url('sunny'.jpg) } # could also add repeat/scroll/top

这是背景的完整列表：

【讨论】：

【解决方案3】：

在我看来，html 是背景比正文更好的地方。 W3C 的建议是不同的。我认为这是由于与非常旧的浏览器的兼容性，例如 Internet Explorer 5.5、Netscape Navigator 4 或其他更奇特的东西。无论哪种情况，这两个地方都有效。

有个小怪癖。

【讨论】：

【解决方案4】：

我认为这不是问题。它适用于较旧的浏览器。尽管我建议您不要在 html 标记中添加许多其他样式，但它在浏览器之间往往会有些不一致。

【讨论】：

【解决方案5】：

W3C Schhols 说它无效：

核心属性在 base、head、html、meta、param、script、style 和 title 中无效元素。

而那些无效属性的列表就是找here

你为什么不给<body>样式属性？

【讨论】：