2012-10-09 87 views
1

这里是链接到违规网页:http://www.wrightspecialty.com/brokers-agents-questionnaire.html?view=foxcontactIE8之前的内容不显示

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

所以我试图插入复制使用:之前伪选择器。对于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... 

任何人有什么想法?提前致谢。

回答

3

问题不在于您的:before伪元素,IE8不支持。它与您的:nth-child()伪类...和您的::before具有双冒号的伪元素,两者都不支持。

如果因为某种原因IE9脚本无法正常工作,也许您应该尝试一些类似Selectivizr +您选择的选择器库(例如jQuery)。如果您尝试支持IE8,则应避免使用伪元素的双冒号,因为它不理解该语法。

+0

Selectivizr +谷歌的IE9脚本似乎做的伎俩。用于IE8的Selectivizr和用于IE7的Google脚本。 –

1

IE8不支持CSS3选择器(第n个孩子)

+0

我的错误,我更新了上面的代码。我确实有它作为单个分号,它仍然不显示。 –

相关问题