Question

image path令人沮丧的问题至少可以说。我只是想尝试将图像添加到网站。 img src没有得到图像。我测试了路径作为背景图像，它链接很好。每当我复制到img标签的相同路径时，都找不到它。我甚至没有复制图像的确切完整路径。

继承人html：

    <div class='img_work1'>
                    <img src=../img/screenshotonce.png/>
                    <div class='caption'>
                        <h2>Website</h2>
                    </div>
                </div>

并且继承了背景图像的css（工作的部分）

   .img_work1{
height:300px;
position:relative;
margin-top:2em;
margin-bottom:15%;
background-image:url('../img/screenshotonce.png');

我添加了两个链接只是为了表明img src链接与背景图像路径完全相同，但没有显示出来。

Answer 1

这是一个错字，但很有趣，所以我会给出答案：

在HTML中，与XHTML和其他XML语言相反，void元素（a.k.a自闭）在最后/之前不应该有>。

你觉得在极少数情况下这很重要。

因为HTML也非常宽松，它允许你不包装你的属性＆＃39; "内的值。

但是当你将这两个错误结合起来时，你的属性就不会被解析出来了：

<img src=abc.xyz/>会将src属性设置为"abc.xyz/"，而不是"abc.xyz"。

＆＃13;

console.log(i.src);

＆＃13;

<img id="i" src=abc.xyz/>

＆＃13;

对于浏览器，这意味着＆＃34; abc.xyz＆＃34; 指向目录，因此无法加载您的图像。

因此，您可以通过将src属性封装在"内，或者将此/>替换为代码末尾的>来修复此问题，或者应该是的，两者都是：

<img src="abc.xyz">

[edit] 由于我们在OP的文件路径上获得了更多信息。

此外，css url() func中的网址与样式表相关。

对于CSS样式表，基本URL是样式表本身的URL，而不是样式化源文档的基本URL。

来自CSSWG specs on url()

的

因此，如果您的css文件与html文件不在同一目录中，则可能必须不同。

Answer 2

您是否设置了图片权限？如果没有先设置，例如，如果你使用linux操作系统，那么你可以输入

chmod 777 /pathimage/nameimage.jpg

Answer 3

您的语法如下：

<img src="http://localhost/path/to/image">
<img src="/path/to/image">

如果不能解决问题，请再次检查。按 Ctrl（命令） + Shift + I （检查元素）并检查是否有任何CSS规则应用于图像。找到导致图像显示不正确的任何内容。

img src没有连接到图像路径

3 个答案: