CSS - border-radius non visualizza in IE6 / 7/8
-
18-09-2019 - |
Domanda
Sto usando il seguente CSS per ottenere un bordo arrotondato sul mio DIV:
border: 1px solid #999;
border-radius: 6px;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
Ma in IE 6/7/8, anche se sono compresi il raggio specifico di IE, non sta visualizzando un bordo arrotondato DIV (è visualizza un bordo quadrato).
Tutte le idee perché solo IE 6/7/8 non visualizza un bordo arrotondato?
Soluzione
Come di IE8, IE non supporta la proprietà CSS3 border-radius. Non sei sicuro di quello che hai visto che ha detto che ha fatto. È possibile utilizzare le immagini, JavaScript o molti altri trucchi per angoli arrotondati in IE.
Altri suggerimenti
non c'è -ms-border-radius Internet Explorer non supporta.
La cosa 'ultimo' Microsoft ha da dire sugli angoli arrotondati è questo vecchio tavolo + immagini mod intitolato 'Stare davanti alla curva'; -)
IE non supporta border-radius.
Chris Wilson [MS] (Expert):
D: [9] Eventuali piani per supportare i CSS' border-radius, ad es. -ms-border-radius: 5px; ? Firefox e Safari hanno -khtml- e -moz- implementazioni che possiamo usare per fare angoli arrotondati senza immagini o sprite, e migliorare le prestazioni vale a dire. http://preview.tinyurl.com/9y3tfn/
A: border-radius è in cima alla volontà lista, ma non sarà in IE8.
Mentre mi rendo conto che una risposta è stata accettata, volevo suggerire -se hai bisogno di ulteriori consigli / supporto / guidance- di avere uno sguardo a Curvy Corners ; Hanno una biblioteca JS con esempi.
Per quanto, ovviamente, fare MooTools , anche se con una terza parte (per quanto ho potuto dire) modulo da Phat fusione . E jQuery ha il proprio plug-in angolo di terze parti, da Methvin .