img 图片src为空时出现边框问题的解决

问题效果

在这里插入图片描述

解决

使用 属性和值选择器找到src为空 ,则设置img为透明;这样既保留了img元素内容撑开宽高,又解决了异步获取src的空白期图片显示区域显示边框不美观且浏览器显示效果不一致(部分浏览器src为空时不会出现边框)问题!

//当图片为空时 会出现边框  为空时设置透明解决
img[src=""] {
    
    
    opacity: 0;
  }

猜你喜欢

转载自blog.csdn.net/weixin_43245095/article/details/111253504