CSS - 解决当img为空时出现图裂的问题

Posted 2021-06-17 WHOVENLY

当img标签的src属性为空时，网页中会出现图裂的图标，非常的不美观，如下所示：

可以为其添加以下代码，即当img元素为空时，设置元素透明度为0，则此时图裂图标也被隐藏起来了。

img[src=""],img:not([src]){
    opacity:0;
}