Soporte para “border-radius” en IE

¿Alguien sabe si / cuando Internet Explorer soportará el atributo CSS “radio de frontera”?

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

Digamos que quieres un par de 15px 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 llamando a 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 te olvides de declarar que tu IE es la encoding ie9:

  

Algunos desarrolladores perezosos tienen . Si esa etiqueta existe, border-radius nunca funcionará en IE.

La respuesta a esta pregunta ha cambiado desde que se le preguntó hace un año. (Esta pregunta es actualmente uno de los principales resultados de 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 (y IE9 cuando se lance).

Mientras esperas … Navegador cruzado de esquina curva (radio de borde)

Una solución 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 pondrá clases en su elemento html, lo que le permite servir definiciones de estilos diferentes para diferentes navegadores en función de sus capacidades.

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

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

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

sin esta etiqueta border-radius no funciona en IE9, no necesita metatags.

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

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

La cuestión del radio de la esquina de IE va a resolver.

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

¿Qué pasa con el soporte para el radio de la frontera Y el gradiente de fondo. Sí IE9 es para admitir ambos por separado pero si mezcla los dos, el gradiente sangra fuera de la esquina redondeada. A continuación hay un enlace a un ejemplo pobre pero también lo he visto en mis propias pruebas. Debería tomarse una captura de pantalla 🙁

Tal vez la verdadera pregunta es cuándo IE será compatible con los estándares CSS sin hackers propietarios de MS-FILTER.

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

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

Para aquellos que no obtienen el -ms-border-radius: o el border-radius: para trabajar en IE 10,11 Y renderiza todos los cuadrados a continuación, siga estos pasos:

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

Asegúrese de que las casillas estén desmarcadas como en la foto