2017-03-06 11 views
0

に動作していない前に、私はChromeとFirefoxで働いているいくつかのCSSを持ってではなく、IE 11:擬似セレクタはすなわち11

それは、パイプ区切りを持つ単純な水平NAVバーです。ここで

は、CSSです:

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

.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; 
} 

そしてここではChromeとFirefoxので

<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> 

HTMLは、それは素晴らしい作品が、IEで私はセパレータまたは間隔なしで、次の取得です

+0

[DOCTYPE](http://tanalin.com/en/blog/2011/04/html5-doctype/)が適切であることを確認してください。 –

答えて

0

IEの最新バージョンをお持ちですか?私はあなたのコードをtestetして、それはIE 11でokeyを実行するようです。私はバージョン11.576.14393.0を持っています。

+0

お返事ありがとうございます。私はそれがIEの最新バージョンであることを確認しました – user2433268

関連する問題