不能得到一個簡單的橫向菜單在IE

我試圖建立一個橫向菜單背景圖片的文字按鈕的工作，但它只是從來沒有在Internet Explorer下工作，我想哭......不能得到一個簡單的橫向菜單在IE

這是我做的：

ul, li, ul li { 
    padding: 0; 
    margin: 0; 
    list - style: none; 
    border: none; 
    background - image: none; 
} 
li { 
    float: left; 
} 

ul.barrenoire { 
    width: 790px; 
    float: right; 
    background - image: url('barrenoire.png'); /*790x24*/ 
    background - repeat: no - repeat; 
    background - position: top right; 
} 
ul.barrenoire li { 
    line - height: 0px; /*else height is too big*/ 
} 
ul.barrenoire li a { 
    display: inline; 
    float: right; 
    width: 150px; 
    line - height: 24px; 
    text - align: center; 
}

而且

<ul class="barrenoire"> 
    <li><a style="width:30px"></a> 
    </li> 
    <li><a href="qsn">Qui sommes nous ?</a> 
    </li> 
    <li><a href="p">Parrainnage</a> 
    </li> 
    <li><a href="cs">Candidature spontannée</a> 
    </li> 
    <li><a href="c">Contact</a> 
    </li> 
    <li><a href="rn">Rejoignez-nous</a> 
    </li> 
</ul>

在Chrome中這是確定的，但在IE瀏覽器的菜單是水平的，我沒有發現問題。

感謝

來源

2014-03-30 Entretoize

嘗試使用'列表樣式'而不是'列表樣式' –

適用於我在IE11中，JSFiddle在這裏：http://jsfiddle.net/4N9Qf/ – chrki

您必須刪除在短劃線「-'前後的所有空格。你的CSS無效。粘貼和驗證它在這裏：http：//jigsaw.w3.org/css-validator/#validate_by_input – gearsdigital

取下CSS規則的所有空間（破折號附近），也從ul.barrenoire li a風格刪除float:right;。

編輯

如果其他瀏覽器上使用條件樣式

Here is a reference

附註：此沉船你的風格這對我工作在IE8 ...

來源

2014-03-30 12:09:18

不能得到一個簡單的橫向菜單在IE

回答

相關問題