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>

Ver ejemplo en funcionamiento

 

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(1 voto, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre