Question

有没有办法在图像尚未加载但是设置了高度和宽度时删除边框？我正在创建一个延迟加载，因此图标将作为背景图像居中，直到图像加载。

代码段中的相同代码

body {
  padding: 50px;
}

img {
  height: 200px;
  width: 200px;
  
  /* border: 0 !important; */
    background-image: url(https://i0.wp.com/cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/images/loader-large.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

<img src="http://www.site/nonexistant.jpg" />

Answer 1

您无法设置“损坏的图像”的样式。但你可以解决它。例如，您可以使用一些小的javascript替换损坏的图像：

<img src="idonotexist.jpg" onerror="this.src='trans.png';">

当然，您可以在js中将其写成更清晰，而不是img标记。

或者，您可以使用伪类来隐藏损坏的图像等。请看这里：https://bitsofco.de/styling-broken-images/

当图像显示为不可用时，如何删除图像的边框？

1 个答案: