我有一个在线测试，其中包括 24 个问题，每个问题都有 4 个可能的答案。我已经设置了 CSS，以便这些答案是带有标签和悬停效果的单选按钮。
这是它在 Chrome、Firefox、IE 10、Opera、iPad、Android 中的外观图片 - 除了 IE 9 之外的所有内容：
然而在 IE 9 中，问题 1 看起来像这样：
当用户回答第 13 个问题时，它看起来像这样，CSS 开始处理应用样式的第 51 个元素：
然后之后的每个问题看起来都是正确的。
这是一个测试链接，您可以在其中看到嵌入在 iframe 中的代码：
http://improvedemployees.com/softskills/soft-skills-test/
这是原始测试代码的链接（它的行为相同）：
要查看此问题的实际效果，请输入几个字符作为它询问的名称，然后单击几次下一步以进入问题 1。
为什么 Internet Explorer 9 拒绝显示前 50 个元素的 CSS？注意：此测试中的元素少于 200 个，因此我认为不应该存在任何限制问题。
原因是以下命令应用于 .radiolabel 类：
behavior: url(/css/border-radius.htc);
我添加了这一点，以使圆角边框效果向后兼容。
删除那条线，现在所有的效果都如预期的那样。
这也解释了为什么它在我的开发环境而不是我的生产环境中工作 - 它指的是 /css/border-radius.htc 而在我的开发环境中获取文件我应该使用相对路径或 /web /css/...
感谢@Zeta 指出透明效果。我花了一段时间才找到这个，但那个 .htc 文件中的代码是罪魁祸首。我很高兴知道您使用什么工具来发现这一点？
这也消除了 SCRIPT87 错误——它们也是由 .htc 文件中的一些不可靠的代码引起的。
你可以在这里看到它终于工作了：
感谢所有帮助过的人。
对我来说它在 IE 10 中运行良好
我按 f12 并将浏览器模式设置为 IE 9
然后它不起作用，因为我通过选择浏览器模式 = E10 关闭了兼容性，它工作正常，如图所示。
所以检查你最后使css与IE9兼容或改变你的JS
我观察到一些内联 css 覆盖 css 所以请检查一下