CSS加載時背景屬性的URL消失

Question

我有最奇怪的CSS問題。我的CSS在我的本地主機服務器上工作正常，但是當我將它加載到實時服務器上時，背景屬性中的「url」消失。

下面是HTML - 非常基本的div： < DIV ID = 「頭 - 包裝」 > </DIV >

這裏是我的工作文件中的CSS：

#header-wrapper { 
    overflow: hidden; 
    height: 300px; 
    background: url('../images/bgblue.jpg') repeat-x left top; 
} 

這裏當我在實況網站上查看頁面源時會顯示什麼內容：

#header-wrapper { 
    overflow: hidden; 
    height: 300px; 
    background: 

    (images/bgblue.jpg) repeat-x left top; 
} 

正如您所看到的「ur l「部分消失了。更奇怪的是，在這之後的div具有完全相同的格式並顯示正常。 幫助！謝謝！

Answer 1

如果它是「確切」相同的格式，則您提到的下一個div應該具有相同的ID。 Id應該在頁面中使用一次。

我不知道這是否有幫助，但嘗試background-image: url來代替。

順利使用

Answer 2

嘗試：

#header-wrapper { 
overflow: hidden; 
height: 300px; 
background: url(/images/bgblue.jpg) repeat-x left top; 
} 

Answer 3

我已經注意到了這個問題，這裏的風格不實際網頁上顯示。它通常發生在出現語法錯誤時，瀏覽器不加載該規則，因此Firebug甚至不顯示它。清除緩存並轉到.css文件的網址，確保它正在發送預期的代碼。如果是這樣，則會出現語法錯誤。