为什么不显示这个.png文件？

嗨我正在为HTML中的公司的电子邮件工作。他们希望我显示带有透明度的png图像，但由于某种原因，当我尝试显示时，它显示为无法找到或加载它。我已经确保在崇高中复制特定的源代码，但它仍然不起作用。在html中的.pngs有问题吗？该.jpg工作正常。为什么不显示这个.png文件？

a picture showing my png failing to load

如果是相关的，我使用的基础架构。

<body> 
 
    
 
    <table class="body" data-made-with-foundation> 
 
    <tr> 
 
     <td class="float-center" align="center" valign="top"> 
 
     <center> 
 
     <table class="container"> 
 
      <table class="row"> 
 
      <tr> 
 
       <th class="small-12 large-12 first columns"> 
 
       <div class="imgbox"> 
 
        <img class="mainimage" src= "assets/links/KDIemail1-bg.jpg" /> 
 

 
        <div class="ricohtop"> 
 
        RICOH CUSTOMERS 
 
        </div> 
 
        <img class= "toplogo" src="/assets/Links/kdi-toplogo.png" > 
 
        
 
       </div> 
 
       </th> 
 
       <th class="small-12 large-6 first columns"> 
 
       </th> 
 
       <th class="expander"></th> 
 
      </tr> 
 
      </table> 
 
     </table> 
 
      
 
     </center> 
 
     </td> 
 
    </tr> 
 
    </table> 
 
</body>

编辑：我是个白痴。它被红色格子挡住了，我没有注意到这个错误。感谢大家回答我有点浪费你的时间，虽然哈哈！

来源

2017-04-19 Jordan Forbes

@MichaelCoker等我困惑不公开吗？它位于资产文件夹中。 jpg文件的位置相同。 –

不用担心......很高兴你解决了你的问题！ –

<img class="mainimage" src= "assets/links/KDIemail1-bg.jpg" /> 

<img class= "toplogo" src="/assets/Links/kdi-toplogo.png" >

您的第二张图片丢失了/，并且src在开始处有一个额外的/。此外链接是大写。

请尝试此修复程序

<img class= "toplogo" src="assets/links/kdi-toplogo.png" />

来源

2017-04-19 19:38:07 xxLITxx

真的丢失了'/'？那会是什么？ –

请尝试代码的最后一位 – xxLITxx

好吧，明白了！一个格式良好的HTML总是受欢迎的;-) –

尝试从PNG图像路径去掉斜线/。

在基于Unix的系统（例如macOS，Linux等）上，领先的/表示从文件系统根的路径。在你的HTML中，我相信你需要一个相对路径（即一个没有领先的/）。

正如NewbLeech指出的那样，关闭<img>标签也是一个好主意。

来源

2017-04-19 19:38:27

为什么不显示这个.png文件？

回答

相关问题