Question

我正在尝试将图像链接到我正在构建的网站，但我无法链接img。它在我的桌面上，我相信我采取了正确的步骤，但我不断得到一个“破碎的图像符号”。请查看代码，如果有任何问题请告诉我。

<nav class="navbar navbar-default navbar-fixed-top" id="my-navbar">
    <div class="container"> 
    </div> 
    <div class="container">
        <div class="navbar-header">
            <img class="logo" src="img/mainLogo.gif" ng-click="redirect('#')">
        </div>
        <div class="row">
            <!-- insert rows here -->
        </div>
    </div>
    </div>  <!-- End of Container -->
</nav> <!-- End Nav Bar here -->

Answer 1

好的第一个呻吟 - 缩进你的代码（除非它只是从复制和粘贴到SO并且它搞乱了格式，在这种情况下 - 抱歉呻吟xD）

我有一种感觉，图像没有显示，因为它是404'ing - 如果你打开浏览器控制台/ firebug它应该显示你是否是404'ing

其次，你正确使用图像src，但文件结构是什么？应该是这样的：

html
    index.php
    somepage.php
    img
        img1.jpg
        img2.jpg

这意味着如果你在index.php中调用了img，如：

<img src="img/img1.jpg" class="some-class" id="some-id" />

它应该显示 - 让我知道它是否有效：）

（注）

不必是.php文件 - 这就是我习惯的

Answer 2

您没有正确关闭代码！这样做：

<img class="logo" src="img/mainLogo.gif" ng-click="redirect('#')"/>

此外，请确保您的路径正确，您正在使用项目的相对路径。你可以发布你的项目结构吗？

为什么我的“img”标签不起作用？

2 个答案: