javascript - 删除标签周围的边框和 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

我不同意上面写的 Tim Ebenezer。如果img标签要添加样式"border-style: none"，可以隐藏框架，但必须src=""至少标签为空，然后在谷歌浏览器，火狐，EGDE，IE 10-11中隐藏框架！但不幸的是，它不适用于 MacOS 和 iOS 上的 safari。