Question

您好我正在为HTML公司的电子邮件工作。他们希望我显示具有透明度的png图像，但出于某种原因，当我尝试它时会显示它无法找到或加载它。我已确保在崇高中复制特定来源但它仍然无法正常工作。 html中的.pngs有问题吗？ .jpg工作正常。

a picture showing my png failing to load

如果相关，我会使用基础框架。

＆＃13;

<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>

＆＃13;

编辑：我是个白痴。它被红色的div阻挡了，并且有一个我没有注意到的错误。感谢所有回答的人，虽然哈哈，但是浪费了你的时间！

Answer 1

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

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

您的第二张图片缺少/并且src在开头有一个额外的/。 Links也是大写的。

请尝试此修复

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

Answer 2

尝试从PNG图像路径中删除前导斜杠/。

在基于Unix的系统（例如macOS，Linux等）上，前导/表示文件系统 root 的路径。在您的HTML中，我认为您需要一个相对路径（即没有前导/的路径）。

正如NewbLeech正确指出的那样，关闭<img>标记可能是一个好主意。

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

2 个答案: