2014-01-19 34 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>的背景圖像與您在您的文章中描述。