2017-03-06 63 views
0

我有一些CSS是在Chrome和Firefox的工作,但不是IE 11:前伪选择不工作,即11

这是一个与管分离的简单水平的导航栏。

这里的CSS:

.language li{ 
    display: inline; 
    list-style-type: none; 
    width: 100%; 
} 

.language li + li:before { 
    content: " | "; 
    padding: 0 5px; 
} 

.language li:nth-child(9n+1):before { 
     content: '\a'; 
     position: static; 
     white-space: pre; 
} 

而这里的HTML

<ul class="language"> 
    <li> <a href="" target="_blank" title="SSM Directory Language - Español"> Español </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - HMOOB"> HMOOB </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - Chinese"> 简体中文 </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - DEUTSCH"> DEUTSCH </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - Arabic"> العربية </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - gujarati"> ગુજરાતી </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - Russian"> РУССКИЙ </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - Korean"> 한국어 </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - Vietnamese"> Tiếng Việt </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - Français"> Français </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - Polski"> Polski </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - Pennsylvaanisch Deitsch"> Pennsylvaanisch Deitsch </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - HRVATSKI"> HRVATSKI </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - Tagalog"> Tagalog </a> </li> 
    <li> <a href="" target="_blank" title="SSM Directory Language - Hindi"> Hindi </a> </li> 
</ul> 

在Chrome和Firefox它的伟大工程,但在IE中我得到不分离或间距如下:

Español HMOOB 简体中文 DEUTSCH ગુજરાતી РУССКИЙ 한국어 Tiếng Việt Français Polski Pennsylvaanisch Deitsch HRVATSKI Tagalog Hindi العربية 
+0

确保你有一个合适的[DOCTYPE](http://tanalin.com/zh/blog/2011/04/html5-doctype/)。 –

回答

0

你确定你有最新版本的IE吗?我测试了你的代码,它似乎在IE 11中运行okey。我有版本11.576.14393.0。

+0

感谢您的回复。我已经验证它是IE的最新版本 – user2433268