给网站去除浏览器自带的html标签图片破损的默认样式-代码矩阵知岛-科技学院-知新网

给网站去除浏览器自带的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收藏本站吧。

请登录后发表评论

    没有回复内容

社区SOS帮助他人是美德
赶紧收藏我们,查看更多心仪的内容?按Ctrl+D收藏我们 或 发现更多

你已经到达了世界的尽头

  • 6548

    稿件数目

  • 1170

    正式成员

  • 0

    本周稿件

  • 785

    持续运行

  • 512424

    访问总量

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