Supporto per & # 8220; border-radius & # 8221; in IE

StackOverflow https://stackoverflow.com/questions/635851

  •  10-07-2019
  •  | 
  •  

Domanda

Qualcuno sa se / quando Internet Explorer supporterà il " border-radius " Attributo CSS?

È stato utile?

Soluzione

Sì! Quando IE9 verrà rilasciato nel gennaio 2011.

Diciamo che vuoi un 15px pari su tutti e quattro i lati: 

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

IE9 utilizzerà il bordo-raggio predefinito, quindi assicurati di includerlo in tutti i tuoi stili chiamando un raggio bordo. Quindi il tuo sito sarà pronto per IE9.

-moz-border-radius è per Firefox, -webkit-border-radius è per Safari e Chrome.

Inoltre: non dimenticare di dichiarare che la tua codifica IE è ie9: 

<meta http-equiv="X-UA-Compatible" content="IE=9" />

Alcuni sviluppatori pigri hanno < meta http-equiv = " X-UA-Compatible " content = " IE = 7 " / & Gt; . Se quel tag esiste, border-radius non funzionerà mai in IE.

Altri suggerimenti

La risposta a questa domanda è cambiata da quando è stata posta un anno fa. (Questa domanda è attualmente uno dei migliori risultati di Google "border-radius ie").

IE9 supporterà border-radius.

È disponibile un'anteprima della piattaforma che supporta border-radius . Avrai bisogno di Windows Vista o Windows 7 per eseguire l'anteprima (e IE9 quando viene rilasciato).

Una soluzione alternativa e uno strumento utile:

CSS3Pie utilizza i file .htc e la proprietà del comportamento per implementare CSS3 in IE 6 - 8.

Modernizr è un po 'di javascript che inserirà le classi nel tuo elemento html, permettendoti di servire stili diversi definizioni per diversi browser in base alle loro capacità.

Ovviamente, entrambi aggiungono più sovraccarico, ma con IE9 a causa della sola esecuzione su Vista / 7 potremmo rimanere bloccati per un bel po '. Ad agosto 2010 Windows XP rappresenta ancora il 48% dei sistemi operativi client Web.

Non è previsto per IE8. Vedi la pagina di compatibilità CSS .

Oltre a ciò non sono stati rilasciati piani. Si dice che IE8 sarà l'ultima per Windows XP

<! DOCTYPE html > senza questo tag border-radius non funziona in IE9, senza bisogno di meta tag.

Aggiornamento rapido a questa domanda, IE9 supporterà border-radius secondo: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers. aspx

Usa -ms-border-radius: 15px , qualsiasi elemento che utilizza css -ms- è compatibile con IE.

Il problema del raggio d'angolo di IE risolverà.

http://kbala.com/ie-9-supports-corner- raggio /

Che dire del supporto per raggio del bordo e gradiente di sfondo. Sì, IE9 è di supportarli entrambi separatamente, ma se mescoli i due il gradiente sanguina fuori dall'angolo arrotondato. Di seguito è riportato un link a un cattivo esempio, ma l'ho visto anche nei miei test. Dovrebbe aver preso una schermata :(

Forse la vera domanda è quando IE supporterà gli standard CSS senza hack proprietari di MS-FILTER.

http://frugalcoder.us/ posta / 2010/09/15 / IE9-angolo-plus-gradient-fail.aspx

RISOLTO - il rendering del raggio del bordo non corretto in IE 10 e 11

Per coloro che non ottengono il -ms-border-radius: o border-radius: per funzionare in IE 10,11 E rende tutto quadrato quindi segui questi passaggi:

  1. Fai clic sulla ruota dentata in alto a destra nel browser IE
  2. Fai clic su Impostazioni vista Compatibilità
  3. Ora deseleziona le 2 caselle selezionate per impostazione predefinita.

Assicurati che le caselle siano deselezionate come in figura

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top