Winny55392
劝分一号
|
每日劝分组织
获得徽章 7
赞了这篇沸点
赞了这篇沸点
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
赞了这篇沸点
![[不失礼貌的微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_16.9d17f6d.png)
![[可怜]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_5.ece2a96.png)
赞了这篇文章
赞了这篇文章
赞了这篇沸点
赞了这篇文章
赞了这篇沸点
每日有感：
千万不要再用img挂载::after或::before伪类了，有的浏览器不生效的。。
根本原因是伪类的content一定要是根据挂载元素的内容走的，像div，section等的内容走，而img是没有内容的，我们看到的图片其实也不是img的内容，而是这个元素本身，所以在img标签上挂载伪类不生效。但是有的浏览器又会生效，这种浏览器间的解释不统一通常会造成一些bug。。
![[捂脸]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
千万不要再用img挂载::after或::before伪类了，有的浏览器不生效的。。
根本原因是伪类的content一定要是根据挂载元素的内容走的，像div，section等的内容走，而img是没有内容的，我们看到的图片其实也不是img的内容，而是这个元素本身，所以在img标签上挂载伪类不生效。但是有的浏览器又会生效，这种浏览器间的解释不统一通常会造成一些bug。。
![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
展开
4
6
赞了这篇文章
赞了这篇沸点
![[微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_1.7d9f699.png)
赞了这篇沸点