圖像未顯示在瀏覽器中

-2

我正在爲我正在構建的測試網站添加圖片，但未顯示 - 而是顯示alt文本。我究竟做錯了什麼？我使用的是Adobe Brackets，如果我將它懸停在編輯器上，圖像會顯示出來。圖像未顯示在瀏覽器中

<img src="detail.png" alt="main overview page of app">

錯誤消息：「未能加載資源：服務器用的403狀態（禁止）響應」

全碼：

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href="styles.css"> 
</head> 
<body> 
    <h1 id="header">App</h1> 

    <img src="detail.png" alt="main overview page of app"> 
</body> 
</html>

來源

2015-10-27 Erik

檢查路徑或圖像名稱 – CodeLove

圖像'detail.png'與html文件位於同一個文件夾中嗎？如果沒有，你的路徑是錯的 – sailens

@CodeLove我用括號中的自動完成來選擇它，它與index.html位於同一個文件夾中，而且當我將鼠標懸停在路徑上時它確實出現 – Erik

實測值的誤差。我使用的是OSX，並且文件權限拒絕除我自己以外的其他人訪問該文件。

來源

2015-10-27 09:40:52 Erik

問題不在於您的HTML代碼，而在於文件權限。可能該圖像的創建權限高於打開時的權限。

來源

2015-10-27 09:43:16 Blady214

圖像未顯示在瀏覽器中

回答

相關問題