其他分享
首页 > 其他分享> > img 图片src为空时出现边框问题的解决

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

作者:互联网

问题效果

在这里插入图片描述

解决

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

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

标签:src,浏览器,img,边框,解决,空时
来源: https://blog.csdn.net/weixin_43245095/article/details/111253504