2014-05-22 277 views
0

我想/需要分配不同的背景圖像不同的HTML頁面意味着多背景圖片

的index.html - >背景圖像:index.jpg
about.html - >背景圖像: something.jpg
...等等

因此,我想問一下最好的方法是什麼,背景是一個特定的頁面不是隨機的。有沒有在CSS或JavaScript的方式,甚至以某種方式。現在我爲HTML文件中的每個頁面設置背景

<body style="background-image:..." >... 

感謝您的任何幫助或想法。

回答

3

您可以將一個類添加到htmlbody標記。

HTML:

<html class="page-type-about"> 
<body> 

而在你的CSS,你可以指定取決於階級背景。我還會添加一個默認值。這樣,您只需爲具有不同於默認背景圖像的頁面指定不同的圖像。

body { 
    background-image: url(default-image.png); 
} 

.page-type-about body { 
    background-image: url(about-page-image.png); 
}