这是我编写的登录页面:
http://rsa-partner.com/
在每个浏览器栏IE8中,一切看起来都不错。在IE8中,无法识别高级CSS选择器'nth child'。
我下载并链接了selectivizr.js(http://selectivizr.com/),该文件应该已经按照它进行了排序,但是,可惜,第n个子选择器上显示的背景图像没有显示。该代码是
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="js/selectivizr-min.js"></script>
<![endif]-->
有什么我想念的吗?我发誓我之前使用过条件IE特定注释,但一无所获。任何建议将不胜感激。
当然,我可以简单地删除第n个子选择器,并替换为特定的类,但如果可能的话,我想避免这种情况!
最佳答案
如果您的内容是动态加载的(例如,如果您使用的是CMS系统),那么它将在Selectivizr运行之后加载,因此它将无法正常工作。
从selectivzr.com:
仿真不是动态的。一旦应用了样式,它们就会被固定,因此不会反映对DOM的更改。
我建议改为使用Modernizr。如果浏览器不支持css-lastchild
,您可以检查nth-child
并自定义样式(以及其他CSS3选择器,例如等)。我也分享你的痛苦!