Merci pour ce post, très utile pour mieux appréhender cette fameuse fonction d’opacité !

Ceci dit je me casse la tête depuis 6 jour sur un probleme lié lui aussi à l’opacité avec IE(7).

Le plus simple : voici ce probleme en image :
http://nsa14.casimages.com/img/2010/05/03/100503124216644885.jpg

L’opacité créée sur le bloc 1 me limite l’affichage de mon bloc 2 aux dimensions de 1 ! Je ne comprends pas comment y remédier… (J’ai volontairement simplifié à des blocs, mais il s’agit en fait d’un menu qui ne peut, du coup, s’afficher ! Fâcheux !!!)

Merci à celui ou celle qui trouverait un début de solution !

* html .uneClasse {/* le* avant html est très important */
/* Interpreté par IE6 et précédents seulements */
}

*+html .uneClasse {
/* Interpreté par IE7 seulement */
}

html > body .uneClasse {
/* interpreté par IE7, FF, Opera, etc.. mais pas IE6 et précédents */
}

.monbloc {
background: white;
opacity: 0.2;
filter: alpha(opacity=20);

/* pour IE 7 & 6 */
/min-height: 1px;

/* pour IE 6 */
-height: 1px
}

C’est bizarre, ça m’a pas l’air très connu cette astuce : un / devant une instruction pour ie <= 7 (ie 8 n’en tiendra pas compte), un – devant l’instruction pour ie 6. Bien sur il faut donc mettre pour ie 6 en dernier.
Mais bon, perso j’ai quasi arrété la compatibilité ie6. Je fait en sorte de checker si les liens sont bien tous visible avec un petit pop up qui signale que le visiteur pourrait mettre a jour sont navigateur avec un lien vers ie 8 ^^ (non pas que j’ai une préférence, mais si le gars ne voulait plus d’ie il l’aurait changé, donc respect de son choix)
Sinon, pour l’arrache totale je gère la transparence avec jquery, ça bug jamais nul part !