删除 <img> 标签和 jQuery 延迟加载的边框答案

【问题标题】：removing border around an <img> tag and jQuery lazy loading删除 <img> 标签和 jQuery 延迟加载的边框
【发布时间】：2019-03-14 22:10:32
【问题描述】：

我有以下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，但没有影响。
关于删除边框的任何想法？

【问题讨论】：

试过了，还是显示灰色边框
尝试边框：无！重要
@SridharR 效果不佳

标签： javascript jquery html css

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：