0

我有一个网页，它从images我的htdocs文件夹中的一个文件夹中抓取了几张图像，但它们总是显示断开的链接图标。

这是我的htdocs文件夹中的层次结构：

index.html
style
    site.css
scripts
    site.js
images
    testing.png
    ...

我不明白 CSS 和 Javascript 没问题，但图片无法加载

这是一些代码：

这些工作：

<script type="text/javascript" src="scripts/comic.js"></script>
<link rel="stylesheet" href="styles/comic.css"/>

但这不会：

<img id="img-0" src="images/testing.png"/>
4

3 回答 3

2

您必须使用“../”返回目录，这就是它们被破坏的原因。

于 2014-02-14T15:13:22.887 回答
1

从 index.html 链接应该是：src='images/.....'

从css你应该使用：在搜索目录url(../images/.....)之前回到根文件夹images

于 2014-02-14T15:12:05.390 回答
1

我认为文件夹目录有问题。如果你的情况是这样

index.html
style
    site.css
scripts
    site.js
images
    img1.png
    img2.png

那么你必须使用它（来自 index.html）：

src="images/img1.png"

如果你有这种情况：

index.html
style
    site.css
scripts
    site.js
img1.png
img2.png

那么你必须使用它（来自 index.html）：

src="img1.png"

如果你有这种情况：

    index.html
    style
        site.css
    scripts
        site.js
img1.png
img2.png

那么你必须使用它（来自 index.html）：

src="../img1.png"
于 2014-02-14T15:20:06.420 回答