主頁背景圖像不同於其他頁面

我有一個網站約7個不同的網頁。我想要有兩個不同的背景圖片，一個用於主頁，另一個用於顯示其他頁面。這是否需要JavaScript/JQuery或簡單的CSS？主頁背景圖像不同於其他頁面

正如我在下面顯示的那樣，我將身體設置爲在其他六個頁面上顯示背景圖像。然後嘗試直接在我的HTML索引頁面中使用CSS並顯示不同的背景，但失敗了。

body { 
font-family: Helvetica, Arial, sans-serif; 
background: url(images/hso-palmtree-background.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
}

來源

2014-03-07 Joseph Montecalvo

不，不需要JS ...將類應用到主頁的主體，然後相應地選擇和樣式。 –

相關：http://stackoverflow.com/questions/21122994/wordpress-modify-the-css-only-for-the-homepage/21123063#21123063 – CRABOLO

非常好，謝謝！ :) –

-1

有很多的方式

使每一個身體有一個id或類

或添加背景爲html <style>background :imgurl</style>

來源

2014-03-07 16:11:16 robert

您可以爲每一個你的身體標記指定一個特定的類頁。

說回家：

<body class="home">

而且每一頁

<body class="page-1"> 
<body class="page-2"> 
....

然後你的CSS可以分成幾個規則，會匹配每個體類化，專業化的

/* common body css */ 
body { 
font-family: Helvetica, Arial, sans-serif; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
} 

/* specialized body for home */ 
body.home { 
    background: url(images/hso-palmtree-background.jpg) no-repeat center center fixed; 
} 

/* specialized body rules for page 1 */ 
body.page-1 { 
    background: url(images/background-for-page-1.jpg) no-repeat center center fixed; 
}

等等...

來源

2014-03-07 16:11:18 dweeves

感謝這 –

請在這種情況下回答這個問題的答案 – dweeves

不能說，我需要15聲望做到這一點大聲笑 –

主頁背景圖像不同於其他頁面

回答

相關問題