CSS - border-radius non visualizza in IE6 / 7/8

Question

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?

Answer 1

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.

Answer 2

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'; -)

Answer 3

IE non supporta border-radius.

IE8 Expert Zone Chat :

  

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.

Answer 4

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 .