2014-01-19 38 views
1

这可能是一个基本问题,但我还没有找出答案。只需更改HTML5背景

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

,这实现了我想要的效果,但是因为我使用了标签“身体”(我认为这就是所谓的标签),它也使用在身体文本后面的背景。我想要背后的背景(所以它只出现在身体的任何一侧)。我怎样才能改变我的代码来实现这一目标?

+0

给包含文本背景的元素。 – Musa

+1

提供JSFiddle! –

+0

谢谢穆萨,这工作正常。 – Sev

回答

1

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

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

div {background-color: #FFFFFF;} 

所以假设你有一个500像素X 500像素<div>在一些文本,它是嵌套在<body>元素,例如:

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

...如果<div>具有背景色设置为#FFFFFF,用户将看到一个白色的方形500px的坐在在<body>的背景图像与您在您的文章中描述。