CSS / JavaScript:使:nth-​​child(n)在IE中使用jQuery脚本工作?

| 我正在尝试让CSS伪:nth-​​child(n)函数在Internet Explorer中工作,但这不是一件容易的事。 我在jQuery中创建了一些JavaScript以在IE中完成工作,但似乎无法正常工作。我尝试过的示例包含未排序的列表(ul和li),但是我的CSS代码(在所有其他浏览器中都可以正常使用)如下所示:
#portfolio div:nth-child(4) { some styling }
#portfolio div:nth-child(3) { some styling }
#portfolio div:nth-child(2) { some styling }
我尝试通过将其附加到现有的script.js文件中来运行的javascript是:
$(\'div#portfolio div:nth-child(4)\').css({\' filter:\' : progid:DXImageTransform.Microsoft.Matrix(M11=0.99984770, M12=-0.01745241, M21=0.01745241, M22=0.99984770); ‘});
但这不起作用。我试图删除“ div#portfolio”并重新输入,但我所做的任何事情都无法使其在IE中正常工作。 任何帮助,将不胜感激。 真诚 -梅斯蒂卡     
已邀请:
那是您使用的确切代码,因为
nth-child
部分正常,所以,3ѭ调用的语法完全错误。 从第一个参数(
\'filter\'
)中删除空格和冒号,第二个参数必须为字符串。     
这是我为较早的示例所做的样本小提琴,链接 我建议您也许使用jQuery向第n个子级添加一个类(我已经为\“ yellow \”类完成了此操作),然后将规则与其他规则一起添加至CSS,尽管请注意,规则不能与第n个子级原始选择器组合在一起,如果您将其用于过滤器,则可能不是重复问题;)     
您可以尝试IE9.js:http://code.google.com/p/ie7-js/ 只要在页面中包含Javascript文件,第n个子CSS即可在IE中正常工作。     
其他人已经提到了Dean Edwards的ie7 / ie8 / ie9.js,该文件试图将IE的全部损坏和缺失的功能重新安装。 您也可以尝试Selectivizr,它专注于向IE添加高级CSS选择器支持。它需要另一个库(例如JQuery)来处理选择器,但是既然您在问题中仍然指定了它,那么它应该非常适合您。     

要回复问题请先登录注册