给网站去除浏览器自带的html标签图片破损的默认样式

在我们使用img标签引入图片时都会遇到一个问题
如果图片失效会显示浏览器默认的样式极丑,因为这个问题让很多人不喜欢使用img标签而是使用bancground去取代它,今天我分享一个解决方法

1.图片地址为空时将透明度设置为0实现隐藏

  1. img[src=””],img:not([src]){opacity:0}

2.隐藏图片里的alt文字

  1. img{overflow:hidden;line-height:0;font-size:0}

3.通过伪类给img插入一个背景样式如果图片无法显示便会显示这个覆盖住了默认的样式

js方法我们就不说了,有这么简单有效的方法就没必要去使用其他的了

温馨提示:本文最后更新于2023-07-11 01:50:24,某些文章具有时效性,若有错误或已失效,请私信客服或联系知新社长
请登录后发表评论

    请登录后查看回复内容

赶紧收藏我们,查看更多心仪的内容?按Ctrl+D收藏我们 或 发现更多

你已经到达了世界的尽头

  • 6548

    稿件数目

  • 4

    正式成员

  • 0

    本周稿件

  • 908

    持续运行

  • 523242

    访问总量

  • 波浪
  • 波浪
  • 波浪
  • 波浪