删除<img/>标记周围的边框和jQuery延迟加载

Question

我有以下html：

<div class="compPhoto compPhoto3">
          <img class="lazy" src="" alt="" data-original="http://distilleryimage4.s3.amazonaws.com/c77631323e0411e394d322000a1f8c09_8.jpg" width="289" ;="" height="289">
</div>

我实际上是使用jQuery延迟加载来加载图像，但是在src标签中我决定不使用图像，而只是想使用背景。然而，它给了我围绕img的奇怪框架：

我尝试设置border: none，但没有任何影响 关于移除边界的任何想法？

Answer 1

某些浏览器会显示灰色边框，表示无法找到图像。因此，您将无法使用CSS删除它。

你不应该真的使用这样的<img>标签。如果您只想使用背景图片，为什么不使用<div>或其他块标记。

Answer 2

我不同意上面写的蒂姆·埃比尼泽。如果img标签要添加样式"border-style: none"，则可以隐藏框架，但是必须src=""标签至少为空，然后该框架才能隐藏在 Google Chrome浏览器中，Firefox，EGDE，IE 10-11 ！但是很遗憾，它不适用于MacOS和iOS上的野生动物园。