javascript - IE8之前内容不显示

Question

这是违规页面的链接:http://www.wrightspecialty.com/brokers-agents-questionnaire.html?view=foxcontact

我使用的表单生成器有一个限制。不能插入文本，除非它是文本框、输入等的标签。IE9、Firefox、Safari 和 Chrome 都可以正确显示。 IE7 不支持，IE8 有限制。

所以我尝试使用 :before 伪选择器插入副本。对于 IE8 及以下版本，我使用的是 Google 的 javascript。这适用于 IE7 而不是 IE8

    <!--[if lt IE 9]>
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script> 
    <![endif]-->

我的目标是 css 中的每个元素:

    .foxcontainer_brokers div:nth-child(11):before, .foxcontainer_brokers div:nth-child(14):before, .foxcontainer_brokers div:nth-child(17):before, .foxcontainer_brokers div:nth-child(20):before, .foxcontainer_brokers div:nth-child(23):before, .foxcontainer_brokers div:nth-child(23):before, .foxcontainer_brokers div:nth-child(26):before, .foxcontainer_brokers div:nth-child(29):before {
        float: left;
        margin-left: 0;
        margin-bottom: 15px;
        padding-left: 3px;
        width: 100%;
        font-weight: bold;
        clear: both;
        font-size: 12px;
    }

    .foxcontainer_brokers div:nth-child(11):before {
        content: "Schools 8211 - Elementary and Secondary Schools";
    }

    etc...

有人有什么想法吗？提前致谢。

Answer 1

问题不在于您的 :before 伪元素，IE8 确实支持它。它与你的 :nth-child() 伪类......和你的带有双冒号的 ::before 伪元素有关，这两者都是 IE8 不支持的。

如果 IE9 脚本由于某种原因无法运行，也许您应该尝试 Selectivizr 之类的东西 + 您选择的选择器库(例如 jQuery)。如果您尝试支持 IE8，您还应该避免伪元素使用双冒号，因为它不理解该语法。