CSS3PIE: Border-radius en IE8

Esta semana he tenido que resolver lo siguiente:

teníamos una maqueta de un SCORM en el que había una serie de botones que necesitaban ser con los bordes redondeados. Hasta aquí todo bien, el problema venía porque debían verse correctamente en IE8, y aquí aparecían cuadrados.

Pues bien, después de mucho buscar, he encontrado CSS3PIE, y ha funcionado correctamente.

Los pasos han sido los siguientes:

1 – Incluir el JS de pie.js

<!--[if IE]>
http://path/to/PIE.js
<![endif]-->

2 – Incluir a qué clase debe renderizar los border-radius:

$(function() {
    if (window.PIE) {
        $('.rounded').each(function() {
            PIE.attach(this);
        });
    }
});

Más información en la web de CSS3PIE:  http://css3pie.com/documentation/pie-js/

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s