Compatibilidades CSS en Internet Explorer

De Dos Ideas.
Revisión del 19:16 6 ago 2013 de Maro (discusión | contribuciones) (Página creada con 'Seguramente te pasó que al momento de estilar una web los estilos que funcionan en la mayoria de navegadores para IE7 e IE8 no funcionan. Este post es una recopilación de sol…')
(dif) ← Revisión anterior | Revisión actual (dif) | Revisión siguiente → (dif)
Saltar a: navegación, buscar

Seguramente te pasó que al momento de estilar una web los estilos que funcionan en la mayoria de navegadores para IE7 e IE8 no funcionan. Este post es una recopilación de soluciones que son muy útiles para que nuestra web sea tambien compatible para IE7+.

Opacity en IE7+:

div{
opacity: 0.5;
filter: Alpha(Opacity=50); 
}


Display inline-block en IE7+:

div{ 
display: inline-block; 
zoom: 1; 
*display: inline 
}

El * (asterisco) hace que una propiedad sólo se aplique en los navegadores de la familia Internet Explorer anteriores a la versión 9.


Max width y Max height en IE7+:

div{
max-width: 200px;
*width: expression(document.body.clientWidth>199?"200px":"auto");.
max-height: 200px;
*height: expression(document.body.clientWidth>199?"200px":"auto");
}