Raggio di bordo non funziona in IE9

Border Radius non funziona in IE9. Il seguente attributo che ho usato nel mio progetto. e aggiungo anche il file .HTC

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(Styles/border-radius.htc); 

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

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

 -moz-border-radius is for Firefox, -webkit-border-radius is for Safari and Chrome. 

Inoltre: non dimenticare di dichiarare la tua codifica IE is ie9:

  

Alcuni sviluppatori pigri hanno . Se quel tag esiste, border-radius non funzionerà mai in IE.

Uso

      

Questo è un thread vecchio, ma non mi ha aiutato. La mia soluzione era di aggiungere la dichiarazione del doctype HTML 5 alla pagina:

Altre dichiarazioni di doctype HTML potrebbero funzionare anche – il mio problema era che stavo generando le pagine senza nessuna dichiarazione doctype.

Devi metterlo nella tua intestazione HTML

  

Risposta scoperta qui ie9 raggio di confine

border-radius.htc rotto il normale border-radius in ie9, include border-radius.htc file in ie versioni sotto 9 con conditional comments

in IE9 border-radius funziona senza file di comportamento.

Questa risposta aiuterà anche con versioni inferiori di ie, come ad esempio6,7,8.

Usando la torta CSS -> http://css3pie.com/

Questo ti permetterà di specificare il raggio del bordo normalmente e quindi includere lo script pie.htc nel tuo css. Questo lo fa funzionare magicamente in IE6. Guarda quello!

Questo funziona anche con altre proprietà CSS3 come i gradienti di sfondo.

Puoi anche provare ad aggiungerlo alla tua testa ->

  

In bocca al lupo!

raggio di frontiera supportato ie-7, ie-8, ie-9 tramite javascript controlla questo tutorial come mostrare il raggio del bordo in: http://davidwalsh.name/css-rounded-corners

Se si utilizza allo stesso tempo border-radius con filtro: progid: DXImageTransform.Microsoft.gradient (startColorstr = ‘######’, endColorstr = ‘######’, GradientType = 0), basta commentare questo filtro.

Non importa ciò che includi o ciò che scrivi border-radius non funziona in ie9. Cambiare la modalità browser o la modalità documento non è mai una soluzione perché è sul lato client. Quindi temo che il mio amico non abbia un modo plausibile per fare in modo che border-radius funzioni correttamente in ie9 a meno che non si usi l’aiuto di javascript.