簡體   English   中英

如何將其他背景圖片應用於 <html> 標簽?

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM