2013-08-07 66 views
0

我將圖像添加到現有的Web應用程序,在Windows 7圖像3項目不顯示

首先我砍使用的Aptana 3和粘貼圖像到一個文件夾,但沒有工作,所以後來我在我的項目目錄中創建了一個新文件夾並導入了這些文件。當我運行代碼時,我在Firebug中發現錯誤'找不到文件'。

我可以從Aptana目錄中單擊圖像,並在Windows照片查看器中打開它。給出的路徑與Firebug給出的路徑相同。我刷新了文件夾及其附件文件夾,並使用IE,Firefox和Chrome瀏覽器運行應用程序,但仍無法在應用程序中看到圖像。

我試着使用Aptana的內部服務器(設置爲Firefox)運行代碼,並試圖在我們的開發服務器上安裝代碼......無論如何都沒有圖像。

的圖像在HTML/CSS加入像這樣:

(HTML :)

<div class="image"></div> 

(CSS :)

.image{ 
height:15px; 
width:15px; 
background-image: url(../images/legend/image.png); 
background-position: center top; 

}

..In在現有的代碼中,還有幾個其他圖像以完全相同的方式添加(由其他人),並且這些圖像顯示在ap中頁。

有人能告訴我這裏有什麼問題嗎?

+0

''標籤中的CSS是否被粘貼到了代碼中? –

+0

我編輯了我的問題......頂部的行是HTML,下面是CSS ...分別來自HTML文件和CSS文件 – JasonBK

回答

0

嘗試從「背景圖片」卸下../,所以它看起來像這樣

background-image: url(images/legend/image.png); 
0

好,我試圖創建一個新的文件夾,並重新導入文件,現在它worked..the我注意到'傳說'在Aptana中突出顯示,唯一不同的是將'legend'更改爲'mapLegend';我發現'legend'是HTML中的一個關鍵字....所以也許就是這樣,或者它可能是Aptana的一些呃逆,我不確定.... 上面貼出的答案對我來說不起作用,b/c我需要提升目錄中的一個級別,使其位於正確的相對路徑上...