Jonathan Snook nos cuenta como conseguir bordes redondeados en Internet Explorer de la misma forma sencilla que en cualquier otro navegador. De las opciones que nos muestran, podemos optar por dos tecnologías para conseguirlo:
CSS
En HTMLRemix han desarrollado un sistema basado en un fichero .htc.
.curved {
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
}
// HTML
<div class="curved">Curvd div</div>
Como vemos en el código anterior, tenemos todas las propiedades para conseguir unos bordes redondeados en todos los navegadores. Ya que ninguna de ellas está contemplada por la w3C nos dá exactamente igual que la solución para IE esté basada en un fichero HTC.
border-radius.htc / Descargar Ejemplo
Javascript
DillerDesign nos muestra un sistema llamado DD_roundies() que usa Javascript para generar los bordes redondeados mediante VML basado en un ejemplo que el propio Jonathan publicó hace unos meses.
<script src="DD_roundies.js"></script>
<script>
DD_roundies.addRule('.box', 10);
</script>
Internet Explorer 8
Recordemos que en la versión 8 de Internet Explorer, dispondremos de una nueva propiedad que nos permitirá mostrar los bordes redondeados de nuestros elementos de igual forma que navegadores como Firefox, Opera o Safari.
4 comentarios, 2 referencias
+
#