图像未在任何浏览器中运行的测试中显示

Question

我将图像导入到页面上作为链接 - 所有内容都在Dreamweaver上完美排列，但是当我测试页面时没有找到图像 - 我做错了什么

这是使用

的代码

<pre><img src="file://Macintosh HD/Users/backup/Desktop/SweetreeInkWeb/STIpngButtons/OrderButton.png" name="order" 
width="230" height="30" id="order"></pre>

Answer 1

您链接到计算机上的文件 - 该链接应该与您的Web根文件夹相对（或绝对）。 （例如＆＃34; /STIpngButtons/OrderButton.png"）

网页无权访问驻留在用户计算机上的文件。 编辑：正如评论中所指出的，如果您将计算机用作服务器或在本地打开文件，则加载此类文件应该可以正常工作。

尝试将文件的路径设置为相对或绝对URL（基于呈现页面的位置）

前：

<img src="/STIpngButtons/OrderButton.png" />

您从开发者工具获得的错误是什么（Chrome中的F12） 也可能是一个错误的道路。

Answer 2

好的，你的CSS有一个链接的图像（这样就显示了我要使用的路径......）：

<pre><img src="../sweetreeinkwebpage/STIpngButtons/OrderButton.png" name="order" 
width="230" height="30" id="order"></pre>

在这种情况下，这应该适合你。如果Intellisense在CSS中生成了该URL，则您的站点已经定义。我敢打赌，这就是为什么图像没有加载。

如果您的图片不在此特定文件夹中，请创建该文件夹并将图片移到那里。