javascript - Aptana 3 元素中的图像不显示

Question

我在 Windows 7 上使用 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;

..在现有代码中，以完全相同的方式(由其他人)添加了几张其他图片，这些图片显示在应用程序中。

谁能告诉我这里出了什么问题？

Answer 1

尝试从“背景图像”中删除 ../，使其看起来像这样

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