css - 简单地更改 HTML5 背景

这可能是一个基本问题，但我还没有找到答案。

body {
 background: url('/images/backgrounds/nice_snow.png');
 background-size: auto;
 background-repeat:repeat;
 display: compact;
}

这实现了我想要的效果，但是，因为我使用了标签“body”(我认为它被称为标签)，它还使用了正文中文本后面的背景。我想要 body 后面的背景(这样它只出现在 body 的两侧)。我怎样才能改变我的代码来实现这一目标？

最佳答案

<body>元素位于屏幕上所有其他元素的后面。它包含所有视觉元素，例如 <div> , <p> , 和 <h1> .

如果您在嵌套在 <div> 中的元素(例如 body 元素)中包含文本元素，该元素有它自己的背景属性。你可以在CSS样式中设置它的背景颜色、透明度、图案、图片等...

div {background-color: #FFFFFF;}

所以假设你有一个 500px X 500px <div>其中有一些文本，它嵌套在 <body> 中元素本身:

<body>
 <div>text here</div>
</body>

…如果<div>将背景颜色设置为#FFFFFF，用户会看到一个白色的 500px 正方形位于 <body> 的背景图像上正如您在帖子中所描述的那样。

关于css - 简单地更改 HTML5 背景，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21213418/