1

这是违规页面的链接：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...

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

4

2 回答 2

3

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

如果 IE9 脚本由于某种原因不能工作，也许您应该尝试类似 Selectivizr + 您选择的选择器库（例如 jQuery）。如果您尝试支持 IE8，您还应该避免使用双冒号作为伪元素，因为它不理解该语法。

于 2012-10-09T14:37:33.280 回答
1

IE8 不支持 css3 选择器（nth-child）

于 2012-10-09T14:37:56.450 回答