[英]How do I apply a different background image to the <html> tag?
我需要將不同的背景圖像應用於首頁<html>標記和網站的內部頁面。 為此,引用必須是唯一的。
在不使用類或ID的情況下,如何區分標簽?
我試過了,但是沒有驗證:
<html class="inside"...
謝謝!
將類添加到您的body
元素(有效的地方)。
然后做
body.inside {
background-image: url(/path/to/it.png) repeat;
}
如果您要為不同的頁面討論不同的背景圖像,我想您需要為所需的每個不同背景創建不同的樣式表,只需確保在每個頁面中包含適當的樣式表即可。
每個不同頁面的內聯樣式表:
<style> html { background-image: url(someimage.png); } </style>
你要這個:
CSS:
#home { background: ... ; }
body { background: ... ; }
HTML:
<body id="home">
</body>
Other pages:
<body>
</body>
您應該考慮使用ID。 這樣,您可以將對背景圖像的所有引用保留在CSS文件中。 例如
#background-main { background-image:url(background-main.jpg) }
#background-page1 { background-image:url(background-page1.jpg) }
#background-page2 { background-image:url(background-page2.jpg) }
然后,您只需要引用要顯示的背景圖像的ID。 例如
<body id="background-main">
或者,您可以使用類。
這種方法將使您更輕松地維護站點。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.