Flexbox-Menü funktioniert nicht auf Safari 8

Question

Ich benutze ein WordPress Theme mit einem Header-Menü, das mit flexbox erstellt wurde. Es funktioniert gut auf modernen Browsern, aber auf Safari 8 verschwindet das Menü.

Ich habe bereits versucht, einige Fallbacks (z. B. CSS-Tabellen), aber immer noch nichts. Weißt du wie ich das beheben kann?

Container:

#nav .sf-menu { 
    display: flex; 
    list-style: none; 
    margin: 0; 
} 

Links:

#nav .sf-menu > li { 
    display: inline-flex; 
    align-items: center; 
    position: relative; 
} 

Answer 1

caniuse sagt Ihnen, dass Safari 8 benötigt -webkit- Präfixe für Flexbox zu arbeiten.

Zum Beispiel:

display: -webkit-flex; 

Sie autoprefixer verwenden können, um automatisch Präfixe zu Ihrem CSS hinzufügen.