这是我编写的登录页面:
http://rsa-partner.com/
在每个浏览器栏IE8中,一切看起来都很好。在IE8中,无法识别高级CSS选择器"第n个子项"。
我下载并链接了 selectivizr.js (http://selectivizr.com/(,它应该在 ie 中对其进行排序,但唉,我所有第 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
并自定义样式(以及其余的 CSS3 选择器,如 nth-child
等(。不过我和你一样痛苦!