¿La abreviatura de radio de borde IE9 no es compatible?

Question

tengo algunas cosas que he hecho en el pasado que tienen el atributo frontera de radio como esto:

border-radius: 7px; 

Esto no está funcionando en IE9. Pensé que se suponía que IE9 era compatible con border-radius. Si necesita un ejemplo, vea this site. Todos los cuadros en el lado derecho de la página deben tener un borde curvo. Funciona en Chrome y Firefox ...

En otra nota molesta y no relacionada, descubrí hoy que IE9 no admite la pseudoclase de último hijo. Lo que una decepción increíble hasta ahora ...

Answer 1

¿Ha incluido la siguiente:

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

Ver this thread.

Answer 2

IE9 hace radio de borde de soporte, incluso taquigrafía. No estoy seguro de por qué no funciona en su sitio web, pero es compatible.

(Ver http://jsfiddle.net/wJd2h/ de la prueba)

IE9 también soporta: el último niño.

¿Tal vez está usando un viejo doctype HTML?

EDIT: Miré su fuente. Cambiar <meta http-equiv="X-UA-Compatible" content="IE=8" /> a <meta http-equiv="X-UA-Compatible" content="IE=9" />

Answer 3

bien, busqué en Google y encontré esto. De hecho, no necesita hacer nada en su código, compruebe si la "Vista de compatibilidad" está activada en su IE9.

Answer 4

aún mejor ....

<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame --> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

Esto está tomado de la excelente HTML5 Restablecer plantilla

Answer 5

Si la respuesta a esta correcto, sin embargo como una nota relacionada, IE9 no admite actualmente frontera radio utilizado junto con el filtro de gradiente.

Pasé una hora tratando de hacer que esto funcione antes de molestarme en buscar una pregunta similar.

// This is the filter code for a gradient in IE (6-9) along with a border radius 
//THIS DOES NOT WORK 
//You have to use one or the other, you could use javascript for rounded corners and then use the gradient if you wish  

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcdd68', endColorstr='#355e0b',GradientType=0); /* IE6-9 */ 

/*border radius*/ 
-khtml-border-radius:5px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 

Answer 6

No soy un experto, pero cuando cada vez que utilizo

<meta http-equiv="X-UX-Compatible" content="IE=edge,chrome=1"> or even 
<meta http-equiv="X-UA-Compatible" content="IE=9" /> 

la validación del W3C

corrector en Dreamweaver CS5.5 patadas hacia atrás, declarando lo siguiente

" Valor incorrecto compatible con X-UA para el atributo http-equiv en elemento meta. [HTML5] "

Answer 7

IE9 hace radio navegador de apoyo, pero si usted está trabajando en un sitio local o archivo local, debe asegurarse de que el modo de modo Broser y Documento tienen razón.Para verificarlo, presione F12 y luego verifique los valores de valores (vea la imagen). Por ejemplo, si modo Documento se establecen en Peculiaridades modo (que es el valor por defecto) y no se especifica el modo de documento en el documento html, IE9 puede interpretar este documento como un documento de modo que el IE7 el radio no funciona Sin embargo, si se establece modo Documento a estándar de IE9 verá un radio bastante en la entrada.

favor, eche un vistazo a la imagen en http://moodle.org/pluginfile.php/115/mod_forum/post/843271/IE9-F12.jpg

espero que esto le puede ayudar con el radio. :)

Hasta ahora esta publicación.

Answer 8

Si está utilizando VMWare Fusion en una Mac, podría ser un problema con la VM. Ver IE9 Rendering elements with opacity, border-radius or cufon