菜單使用UL和李沒有在Safari

Question

正確顯示我是相當新的CSS，但我已經創建了懸停在背景視頻網站http://www.peterboroughweddingdjs.com上的菜單。 這是一個簡單的菜單，使用ul和li一起使用，它在除Safari之外的每一個瀏覽器都能正確顯示。 在Safari中，它像列表一樣堆疊菜單項，而不是像在Chrome中那樣排成一排。這是我的CSS菜單。 爲什麼Safari會如此痛苦？

#menu-main-navigation { 
    list-style-type: none !important; 
    margin: 0; 
    padding: 0; 
    display: flex !important; 
    float: left: 
} 

任何幫助將不勝感激。 謝謝。

Answer 1

您需要-webkit到前綴Safari的使用Flexbox的的：

#menu-main-navigation { 
    list-style-type: none !important; 
    margin: 0; 
    padding: 0; 

    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    float: left; 
} 

瞭解更多關於Can I Use。