给网站去除浏览器自带的html标签图片破损的默认样式优知新2年前发布10 ------正文内容展示,开始汲取新知识啦------在我们使用img标签引入图片时都会遇到一个问题如果图片失效会显示浏览器默认的样式极丑,因为这个问题让很多人不喜欢使用img标签而是使用bancground去取代它,今天我分享一个解决方法1.图片地址为空时将透明度设置为0实现隐藏 img[src=””],img:not([src]){opacity:0} 2.隐藏图片里的alt文字 img{overflow:hidden;line-height:0;font-size:0} 3.通过伪类给img插入一个背景样式如果图片无法显示便会显示这个覆盖住了默认的样式 此处内容已隐藏,请评论后刷新页面查看. js方法我们就不说了,有这么简单有效的方法就没必要去使用其他的了 温馨提示:本文最后更新于2023-07-11 01:50:24,某些文章具有时效性,若有错误或已失效,请私信客服或联系知新社长。------本文内容已结束,喜欢请分享------ 感谢您的访问,Ctrl+D收藏本站吧。