Soporte para "border-radius" en IE
¿Alguien sabe si/cuándo Internet Explorer soportará el atributo CSS "border-radius"?
11 answers
¡Sí! Cuando IE9 se lanza en enero de 2011.
Digamos que quieres un 15px uniforme 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úrate de incluirlo en todos tus 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 se olvide de declarar su código IE es ie9:
<meta http-equiv="X-UA-Compatible" content="IE=9" />
Algunos desarrolladores perezosos tienen <meta http-equiv="X-UA-Compatible" content="IE=7" />
. Si esa etiqueta existe, border-radius nunca funcionará en IE.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-10-12 18:38:24
La respuesta a esta pregunta ha cambiado desde que se hizo hace un año. (Esta pregunta es actualmente uno de los principales resultados para Googlear "border-radius ie".)
IE9 soportará border-radius
.
Hay una vista previa de plataforma disponible que admite border-radius
. Necesitará Windows Vista o Windows 7 para ejecutar la vista previa (e IE9 cuando se lance).
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-03-25 23:08:36
Mientras esperas.. Navegador cruzado de esquina curva (borde-radio)
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2009-03-11 18:58:51
Una solución y una herramienta útil:
CSS3Pie usos .archivos htc y la propiedad behavior 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 diferentes definiciones de estilo a diferentes navegadores en función de sus capacidades.
Obviamente, ambos agregan más sobrecarga, pero con IE9 debido a que solo se ejecuta en Vista/7, podríamos estar atascados por un tiempo. A partir de agosto de 2010 Windows XP todavía representa el 48% de los sistemas operativos de clientes web.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-02-16 00:12:24
No está previsto para IE8. Vea la página de compatibilidad de CSS .
Más allá de eso, no se han publicado planes. Existen rumores de que IE8 será la última versión para Windows XP
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-12-30 13:51:38
<!DOCTYPE html>
sin esta etiqueta border-radius no funciona en IE9, no hay necesidad de meta etiquetas.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-11-03 10:00:10
Actualización rápida a esta pregunta, IE9 soportará border-radius de acuerdo a: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2009-11-20 14:22:47
Use -ms-border-radius: 15px
, cualquier elemento que use css-ms - es compatible con IE.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-09-25 02:13:39
El problema de radio de esquina de IE va a resolver.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-05-07 13:20:37
¿Qué pasa con el soporte para el radio del borde Y el gradiente de fondo. Sí IE9 es apoyar a ambos por separado, pero si se mezclan 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. En caso de tomar una captura de pantalla: (
Tal vez la verdadera pregunta es cuándo IE soportará estándares CSS sin MS-FILTER privativo hackear.
Http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-12-10 15:01:44
RESUELTO-no renderizar correctamente el radio del borde en IE 10 y 11
Para aquellos que no reciben el - ms-border-radius: o el border-radius: para trabajar en IE 10,11 Y se hace todo cuadrado a continuación, siga estos pasos:
- Haga clic en la rueda dentada en la parte superior derecha del navegador IE
- Haga clic en Configuración de la vista de compatibilidad
- Ahora desmarque las 2 casillas que están marcadas por defecto.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-08-07 17:09:58