背景圖片 - 我的代碼有什麼問題？

我根本無法獲得此代碼的工作。我想在每個頁面上放置不同的背景圖像。我想我應該通過創建不同的類選擇器，然後將它們放入每個頁面的主體標記中，而不是使用內聯樣式元素。背景圖片 - 我的代碼有什麼問題？

這裏是我的CSS類選擇：

.contact-grad 
{ 
     background-image:url('images/Backgrounds/contact-grad.png'); 
     position:absolute; 
     left:0px; 
     top:0px; 
     z-index:-1; 
}

在這裏，我把它放在HTML的接觸：

<body id="contact-grad">

正如你所看到的，它不工作。

讓我知道是否會有助於我發佈整個html和css。我無法獲取任何背景圖片。我把我的代碼放入w3驗證器，並得到一個「解析」錯誤。嗯...

謝謝！

來源

2013-03-08 Claire

糟糕，這裏是網站。 http://violetoeuvre.com/contact.html – Claire 2013-03-08 15:18:03

身體有一個id'contact-grad'，但是你的選擇器在css中是一個類（這就是點的作用）。嘗試使用哈希'＃'代替。在

#contact-grad 
{ 
    background-image:url('images/Backgrounds/contact-grad.png'); 
    position:absolute; 
    left:0px; 
    top:0px; 
    z-index:-1; 
}

附錄： This資源是CSS選擇器一個很好的入門。

來源

2013-03-08 15:20:01

啊！是的，我知道這一點。我切換它，但它仍然無法正常工作！＃contact-grad { background-image：url（'images/Backgrounds/contact-grad.png'）; position：absolute; left：0px; top：0px; z-index：-1; } – Claire 2013-03-08 15:37:20

嗯，這很奇怪。當我將樣式應用於web開發工具中的body元素時，我會看到背景圖片。驗證頁面時會得到什麼「解析」錯誤？ – 2013-03-08 15:42:10

這是我的主頁，violetoeuvre.com。解析錯誤/ *類選擇器：適用於你喜歡的任意數量的元素*/

背景圖片 - 我的代碼有什麼問題？

回答