图像不会显示在我的网页中

时间:2017-07-26 21:31:07

标签: html css image

我试图在我的html页面上显示图像,但它不能在Explorer或Microsoft Edge上工作。但是,它适用于Safari,Chrome和Firefox。 这是我的HTML:

<img src="../Recursos/logoam.jpg" width="600" height="130" style="float:left">

我的图片位于另一个文件夹中,而不是我的html页面。

5 个答案:

答案 0 :(得分:1)

问题可能出在你的src属性上。&#34; ..&#34;如果要访问位于当前位置一级的文件夹,则应用路径起点。例如:有一个名为&#34; abc&#34;的文件夹,里面有两个子文件夹: &#34;脚本&#34;和&#34;图像&#34;。现在假设在&#34;脚本中有一个文件&#34;想要访问位于&#34;图像&#34;中的图像的文件夹文件夹,然后你必须提供&#34; ..&#34;在路径的开头从级别&#34;脚本&#34;等级&#34; abc&#34;。路径的其余部分从那里开始。如果您的Recursos文件夹与主.html文件处于同一级别,那么您不需要提供&#34; ..&#34;在开始时。 有关详细信息,请查看以下给出的链接: https://www.w3schools.com/html/html_filepaths.asp

答案 1 :(得分:1)

此类问题最常见的原因是路径错误,即您为图像提供了错误的路径 ../在路径中意味着它从当前目录上方的一个级别开始搜索 ../../ in path表示它从当前目录上方的两个级别开始搜索 ./ in path表示它从当前目录开始搜索。

因此,您必须正确使用路径来加载图像。如果Recursos目录是包含html文件的目录的兄弟,那么它应该可以工作 如果没有,请正确使用上述表示法加载图像。如有疑问或疑惑,请发表评论。

答案 2 :(得分:0)

检查控制台是否有与图像相关的路径错误。代码看起来很好。

答案 3 :(得分:-3)

您的TAG缺少BACKSLASH

<img src="../Recursos/logoam.jpg" width="600" height="130" style="float:left" /> 

答案 4 :(得分:-3)

<img src="../Recursos/logoam.jpg" style="width:600px; height:130px; float:left">

试试上面的代码