Question

我目前有一个100％宽的横幅，但高度有限。说100px; 我想让我的客户将他们的品牌形象放在某个目录中，浏览器已在该目录中查找此图像。

如果找不到图像，则不会显示任何内容，并且照常显示其业务。如果找到图像，则显示图像。目前，我的代码显示一个图像，表明应该有一个无法加载的图像。 codepen：

#banner {
  background-color: aliceblue;
  width: 100%;
  height: 100px;
}

<div id="banner">
  <img src="/images/myImage.jpg"/>
</div>

Answer 1

基于HTML的解决方案

<object data="o.png" type="image/png">
    <img src="" />
</object>

基于Jquery的解决方案：这在DOM准备就绪后可以正常工作

$('img').error(function() {
    $(this).hide();
  });