圖片將不會顯示在線

我似乎無法看到圖像顯示在線，雖然它出現在本地。圖片將不會顯示在線

有趣的是，它旁邊有幾個相似的圖像顯示出來，但這個特定的圖像不會。

這裏的HTML：

<p class="home"><a href="index.html"></a></p>

和附帶的CSS：

.home { 
position:absolute; 
left:350px; 
top:40px; 
display:block; 
width:125px; 
height:50px; 
text-indent:-9999px; 
} 
.home a { 
display:block; 
width:100%; 
height:100%; 
background:transparent url(home.png) no-repeat top left; 
outline:none; 
} 
.home a:hover { 
background-position:0 -50px; 
}

來源

2012-07-03 Nick D

那麼，你確實需要引號：背景：透明網址（'home.png'）不重複左上角; 就是這樣。不知道這是你要求或不。 – BlueMeanie

@BlueMeanie雖然在技術上是正確的，但大多數瀏覽器都沒有問題，加上它在本地工作 – Ben

@ nick-d您是否嘗試過重新上傳圖像？也許它在上傳過程中被損壞了。如果您嘗試直接在瀏覽器中打開圖像會發生什麼？ – Ben

我不知道，如果是這樣的話，但我們只是刪除的可能性。它有點像我之前發生的一樣。

圖像可能格式錯誤或損壞。嘗試從Photoshop中重新保存所需的PNG，另存爲網頁，或嘗試另存爲JPG（或PNG以外的格式）。上傳圖片並確保它位於index.html（基於您的代碼）的相同目錄中。

二是，嘗試一個特定的高度和寬度設置爲.home a

如果沒有工作，把你的代碼在這裏http://jsfiddle.net/，並檢查圖像的路徑相應地指出。

來源

2012-07-03 08:09:55 Anne

圖片將不會顯示在線

回答

相關問題