移動網站每頁上的不同背景圖片？

目前，我正在使用這段代碼調用靜態圖像背景，而不是視頻上正規網站發揮：移動網站每頁上的不同背景圖片？

media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 
     html{ 
      background: url('img/background.jpg') no-repeat center center fixed !important; 
      background-size: cover; 
      height: 100%; 
     } 
}

我想利用每一頁不同的圖像，怎麼辦我去實現這個目標？

謝謝。

來源

2012-09-06 AMC

如果提供了不同的ID對每個頁面的主體標籤，然後你可以針對每一個具有不同的圖像：

HTML：

<body id="homepage"> 

<body id="about">

等等

然後，在您的媒體查詢中，CSS將爲：

body#homepage { 
    background-image: url('img/homepageBackground.jpg'); 
} 

body#about { 
    background-image: url('img/aboutBackground.jpg'); 
}

來源

2012-09-06 15:45:59 cchana

這是一個Wordpress網站的事實嗎？ ''標籤位於標題中，它在所有頁面中通用。 – AMC

我不明白爲什麼這會限制你...我發現這篇文章http://wordpress.org/support/topic/change-background-by-page-id它使用Wordpress的body_class（）方法來感謝您的幫助，將「body」標籤標識爲 – cchana

。 – AMC

移動網站每頁上的不同背景圖片？

回答

相關問題