當(dāng)目標(biāo)url不存在時，我嘗試刪除img元素中的損壞圖標(biāo)，但沒有刪除img元素:

HTML:

<img src="error.png">

CSS:

img {
  width: 100px;
  height: 100px;
  background-image: url(url.png);
  background-size: cover;
}

與其刪除img元素，我更喜歡調(diào)出沒有破損圖標(biāo)的背景-img。

我希望有人幫助我，我真的需要這個。

根據(jù)我在Stack Overflow上找到的答案，嘗試結(jié)合content屬性使用img:after。 如何只使用CSS/HTML隱藏圖像破碎圖標(biāo)？

img:after {  
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background-image: url(url.png);
  content: '';
}

在這里你可以找到工作的例子:https://codepen.io/filipalbert/pen/QWZxPMp

為此，您可以使用::before和::after。

大概是這樣的:

img {
  position: relative;
  width: 200px;
  height: 200px;
}

img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://via.placeholder.com/200);
  background-size: cover;
}

<img src="wrong_link">
<img src="https://via.placeholder.com/200">