Q

css中的一些背景圖片不會加載

css

2010-11-28 92 views -1 likes

-1

我剛剛從我的電腦上傳了一個網站到遠程服務器。css中的一些背景圖片不會加載

一切工作在我的本地機器上，並在遠程服務器上工作 - 除了1背景圖像！

所有圖像位於相同的目錄中，具有相同的權限。只是'Main-Header-graphic.jpg'不起作用。我有這個在我的CSS：

/* this works */ 
#top_header #logo { 
float: left; 
background: url(../img/Logo.png) no-repeat; 
width: 403px; 
height: 52px; 
text-indent: -9999px; 
} 

/* this doesn't! 
    if i replace the "../img/Main-Header-graphic.jpg" below with another image, eg. 
    the "../img/Logo.png" above, it works! */ 
#middle_header { 
margin-top: 10px; 
height: 280px; 
background: url(../img/Main-Header-graphic.jpg) no-repeat; 
}

所以你看的路徑圖像都是相同的，並與所有其他背景圖像格式相同的工作。只是middle_header背景不起作用！有什麼想法？

感謝，帕特里克

2010-11-28 Patrick

+0

只是提供一個鏈接到頁面可能會更容易。 – 2010-11-28 13:11:08

A

回答

-1

嘗試包的URL與引號：

url("../img/Main-Header-graphic.jpg")

2010-11-28 13:13:16 Genius

+0

http://stackoverflow.com/questions/2168855/css-url-whats-better – 2010-11-28 13:15:25

1

我能想到的唯一的事情是，它可能是一個錯誤的圖像本身。嘗試在Photoshop中打開圖像，如果可以，請將其保存爲其他格式 - 或者作爲帶有一些不同壓縮設置的.jpg。然後重新上傳，看看它是否有效。

2010-11-28 13:14:09 o01

+0

試過，但沒有運氣。我不知道爲什麼，但不管出於什麼原因，問題似乎都是以圖像的名義。我已經使用下劃線而不是破折號重命名了它，現在它似乎正在工作...... – Patrick 2010-11-28 14:18:51

1

我最近有同樣的問題，這是因爲我的圖像文件是「examplepic.JPG」，但在CSS中我把它作爲「examplepic.jpg」。只要我更改CSS代碼以顯示全部大寫的bg圖像的文件擴展名，它就可以工作...

2010-11-28 15:44:31 Kris

1

我有這個完全相同的問題。只是幾個圖片，當在本地顯示，工作正常。從服務器上，不行。發現這是我的駱駝案件的差異。

例子：

CSS代碼：../images/myImage.png

實際圖像地址：../images/myimage.png

我改成了匹配和中提琴！有點令人不安。

2012-09-28 22:56:38

相關問題