低版本IE下nth-child不兼容解决方法
众所周知nth-child是CSS3的属性,在支持CSS3的浏览器中是支持的,但在奇葩的IE浏览器低版本中却不支持,为了让IE低版本也支持这个CSS3的nth-child选择器,我们可以使用jquery的方法来实现,请看下方代码:
.list li:nth-child(4n){margin-right:0;} 这样直接写只有在支持CSS3的浏览器中才可正常显示。 $(document).ready(function(){ $(".list li:nth-child(4n)").css("margin-right","0"); }); 用jquery这样写,在IE浏览器中就会很好的显示了。
- 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《蓝叶》。
- 本文网址:https://lanye.org/web/677.html
- 上篇文章:分享简约蓝色免费个人网站后台模版
- 下篇文章:EMLOG网易音乐调用工具

大大大妖怪2017-03-24 14:14回复
#4
然并不兼容哦

蓝叶2017-04-02 08:21回复
@大大大妖怪:需引用JQUERY库文件。

李四2016-09-19 16:17回复
#3
好像不行啊,并不兼容,思密达。

蓝叶2016-09-21 13:04回复
@李四:需要引用jquery库。

小凡2015-08-29 14:12回复
#2
挺好的 先记下!

寇玉鑫博客2015-06-13 11:52回复
#1
不错,记下了