CSS: Bordes redondeados en Internet explorer
4 comentarios
Para tener los bordes o esquinas redondeadas de elementos de una página basta con usar la propiedad “border-radius” en CSS, pero no funciona en todos los navegadores… Si en Internet explorer, en versiones inferiores a la 9 no “chusca”.
Para utilizar esta propiedad CSS en IE, deberemos utilizar este archivo:
http://code.google.com/p/curved-corner/downloads/detail?name=border-radius.htc
Y ya podemos disfrutar de las esquinas redondeadas en internet explorer.
Ejemplo de uso:
.redondeado {
behavior: url('border-radius.htc');
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
}
behavior: url('border-radius.htc');
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
}
4 Comentarios
yesid, el 22/04/2011 a las 09:01:22
el ejemplo no funciona en i explorer siguen saliendo los bordes cuadrados
shei, el 15/07/2011 a las 00:14:47
si es cierto no funciona
carlos | tienda airsoft, el 17/02/2012 a las 19:13:24
Gracias por el aporte, la verdad es que ie esta dando muchos dolores de cabeza.xD
Marisa, el 26/03/2012 a las 21:33:57
No hay caso, IE no existe, es de terror!. El ejemplo no funciona, ya lo había probado antes pero quise intentar una vez más. Habrá que recurrir a las imagenes de fondo…… en fin.