Soporte para & # 8220; border-radius & # 8221; en IE

Question

¿Alguien sabe si / cuándo Internet Explorer admitirá el " border-radius " Atributo CSS?

Answer 1

¡Sí! Cuando se lanza IE9 en enero de 2011.

Digamos que quiere un 15px par en los cuatro lados:

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

IE9 usará el border-radius predeterminado, así que asegúrese de incluirlo en todos sus estilos que llamen un radio de borde. Entonces su sitio estará listo para IE9.

-moz-border-radius es para Firefox, -webkit-border-radius es para Safari y Chrome.

Además: no olvides declarar que tu codificación IE es ie9:

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

Algunos desarrolladores perezosos tienen < meta http-equiv = " Compatible con X-UA " contenido = " IE = 7 " / > . Si esa etiqueta existe, border-radius nunca funcionará en IE.

Answer 2

La respuesta a esta pregunta ha cambiado desde que se hizo hace un año. (Esta pregunta es actualmente uno de los mejores resultados para Google '' border-radius ie '').

IE9 admitirá border-radius.

Hay una vista previa de la plataforma disponible que admite border-radius . Necesitará Windows Vista o Windows 7 para ejecutar la vista previa (e IE9 cuando se lance).

Answer 3

Mientras espera ... Esquina curva (borde- radio) navegador cruzado

Answer 4

Una solución alternativa y una herramienta práctica:

CSS3Pie usa archivos .htc y la propiedad de comportamiento para implementar CSS3 en IE 6 - 8.

Modernizr es un poco de javascript que colocará clases en su elemento html, permitiéndole servir un estilo diferente definiciones a diferentes navegadores en función de sus capacidades.

Obviamente, estos dos añaden más sobrecarga, pero con IE9 debido a que solo se ejecuta en Vista / 7, podríamos estar atascados por un tiempo. A agosto de 2010, Windows XP todavía representa el 48% de los sistemas operativos cliente web.

Answer 5

No está planeado para IE8. Consulte la página de compatibilidad CSS .

Más allá de eso, no se han lanzado planes. Existen rumores de que IE8 será la última versión para Windows XP

Answer 6

<! DOCTYPE html > sin esta etiqueta border-radius no funciona en IE9, no necesita metaetiquetas.

Answer 7

Actualización rápida a esta pregunta, IE9 admitirá el radio de borde de acuerdo con: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers. aspx

Answer 8

Use -ms-border-radius: 15px , cualquier elemento que use css -ms- es compatible con IE.

Answer 9

El problema del radio de la esquina de IE va a resolver.

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

Answer 10

¿Qué pasa con la compatibilidad con el radio del borde Y el gradiente de fondo? Sí, IE9 es para apoyarlos a ambos por separado, pero si mezcla los dos, el gradiente sangra por la esquina redondeada. A continuación hay un enlace a un mal ejemplo, pero también lo he visto en mis propias pruebas. Debería haber tomado una captura de pantalla :(

Quizás la verdadera pregunta es cuándo IE admitirá los estándares CSS sin hacks propietarios de MS-FILTER.

http://frugalcoder.us/ post / 2010/09/15 / ie9-corner-plus-gradient-fail.aspx

Answer 11

SOLUCIONADO - no representa el radio del borde correctamente en IE 10 y 11

Para aquellos que no reciben el -ms-border-radius: o border-radius: para trabajar en IE 10,11 Y muestra todos los cuadrados y luego sigue estos pasos:

1. Haga clic en la rueda dentada en la parte superior derecha del navegador IE
2. Haga clic en Configuración de vista de compatibilidad
3. Ahora desmarque las 2 casillas que están marcadas por defecto.