图像不会在浏览器中显示

时间:2015-10-27 09:33:02

标签: html

我正在为我正在构建的测试网站添加图片,但它没有显示 - 而是显示alt文本。我究竟做错了什么?我正在使用Adobe Brackets,如果我将它悬停在编辑器中,图像会显示出来。

enter image description here

<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>

2 个答案:

答案 0 :(得分:0)

发现错误。我使用的是OSX,文件权限拒绝了我以外的其他人访问该文件。

答案 1 :(得分:0)

问题不在于您的HTML代码,而在于文件的权限。可能创建的图像具有比打开时更高的权限。