Image 摆脱Chrome中图像上的奇怪框

我有一个奇怪的盒子出现在我的Chrome图像周围。这里有一个例子：-如果您在chrome中打开它，并查看标题图像（黑色和白色）下的第一个图像，您将看到它周围有一个边框（如果未找到，请缩放浏览器）。 已尝试边框：0；-但似乎无法摆脱它。而且，在Firefox中也可以

---

有什么想法吗

这是因为您的

img

标记没有

src

。您将无法使用CSS删除此边框

解决此问题的唯一方法是正确使用

img

标记。您当前正在标记上设置背景图像，而不是使用它，因为它是使用

src

属性设计的

您当前的代码

.page--bbcme .article__img--full {
  ...
  background: url("../img/bbcme/bbcme2_784.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  ...
}

正确用法

<img class="article__img article__img--full" src="../img/bbcme/bbcme2_784.jpg" alt="Image description">

---

如果出于某种原因需要将

img

与背景图像一起使用，则可以使用透明图像作为源。一张1px 1px透明gif或png就可以了。

嗨，感谢一百万张uʍopǝpısdn。这让我发疯了。我仍在学习诀窍，有时我会陷入一个困惑的深渊。