Elemento opaco (opacity) en Internet Explorer

Si estás haciendo una web en css y quieres que un elemento este de manera opaca, te encontrarás que te funcionará con la mayoría de navegadores, pero no con Internet Explorer, asi que aquí una manera para que funcione también en Internet Explorer.

Lo hacemos con clases en un fichero css aparte para que el css sea más legible, no obstante, la sintaxis es la misma.

.opaco_mayoria {// para la gran mayoría de navegadores
 opacity: .5;
}

.opaco_ie5_7 {// para IE 5-7
 filter: alpha(opacity=50);
}

.opaco_ie8 { // para IE 8
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.opaco_ie { // para IE 5-7 y 8
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // primero!
 filter: alpha(opacity=50);// segundo!
}

Espero que os acordeís antes de volveros locos con el “apasionante” mundo de compatibilidad de navegadores…