百万前端之去除img标签出现的边框
在html中，给img标签设置百分百自适应div大小时，就是出现一个默认边框，这是因为img标签在没有scr属性值时给自己添加一个默认边框，即使给img标签设置css属性border:none;也是无济于事。
就像上图一样，作为一个上传图片作为零时展示的图片img标签，出现了不合时宜的border框，显得非常的不美观。其实去除并不困难，原理也非常简单。
img:not([src]){opacity:0;}相信大家看到了也是恍然大悟，竟然是opacity属性！给img添加这个css属性后，在img没有src属性时，img标签也不会出现边框了
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！