Diferencia entre revisiones de «Compatibilidades CSS en Internet Explorer»
De Dos Ideas.
(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…') |
|||
| Línea 1: | Línea 1: | ||
| − | Seguramente te pasó que al momento de estilar una web los estilos que funcionan en la | + | Seguramente te pasó que al momento de estilar una web los estilos que funcionan en la mayoría de los navegadores para IE7 e IE8 no funcionan. |
| − | Este post es una recopilación de soluciones que son muy útiles para que nuestra web sea | + | Este post es una recopilación de soluciones que son muy útiles para que nuestra web sea también compatible para IE7+. |
'''Opacity en IE7+: | '''Opacity en IE7+: | ||
| Línea 6: | Línea 6: | ||
div{ | div{ | ||
| − | + | opacity: 0.5; | |
| − | + | filter: Alpha(Opacity=50); | |
} | } | ||
| Línea 14: | Línea 14: | ||
div{ | div{ | ||
| − | + | display: inline-block; | |
| − | + | zoom: 1; | |
| − | + | *display: inline | |
} | } | ||
| Línea 25: | Línea 25: | ||
div{ | div{ | ||
| − | + | max-width: 200px; | |
| − | + | *width: expression(document.body.clientWidth>199?"200px":"auto");. | |
| − | + | max-height: 200px; | |
| − | + | *height: expression(document.body.clientWidth>199?"200px":"auto"); | |
} | } | ||
Revisión del 19:25 6 ago 2013
Seguramente te pasó que al momento de estilar una web los estilos que funcionan en la mayoría de los navegadores para IE7 e IE8 no funcionan. Este post es una recopilación de soluciones que son muy útiles para que nuestra web sea también 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");
}
