Obtener esquinas redondeadas en Internet Explorer
Ya habíamos hablado de los bordes redondeados en algún artículo anterior en el cual no llegábamos a una solución completamente satisfactoria debido a que en Internet Explorer no funcionaba la solución.
En este artículo intentamos subsanar el hecho anterior incorporando un script javascript que comprueba el navegador que se usa en el cliente para realizar las operaciones necesarias para conseguir los bordes redondeados.
El script lo podemos conseguir pulsando aquí además de obtener documentación más detallada en inglés.
Lo único que debemos hacer es descargar el script e incorporarlo en el <head> de nuestra página además de añadir lo siguiente:
<script src="DD_roundies_0.0.2a.js"></script>
<script>
/* EXAMPLES */
/* IE only */
DD_roundies.addRule('.roundify', '10px');
/* varying radii, IE only */
DD_roundies.addRule('.something_else', '10px 4px');
/* varying radii, "all" browsers */
DD_roundies.addRule('.yet_another', '8px', true);
</script>
Y en el <body> por ejemplo:
<div class="yet_another"> contenido </div>
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Deja una respuesta