28172 sujets

CSS et mise en forme, CSS3

Supprimer l'opacité

Bonjour,

J'ai 2 DIV comme suit :

<div style="filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5;">

<div class="box">Texte ici</div>

</div>


J'ai beau chercher, je n'arrive pas à enlever l'opacité de la div qui se situe à l'intérieur. Avec un z-index, ça ne fonctionne pas.

Auriez-vous la solution ?

Merci
J'ai appliqué un fond PNG avec une opacité de 50, et le résultat est celui attendu.
Testé sous Firefox et IE 7, sans problème. Après, les versions antérieurs, j'ai des doutes...

Merci tout de même 6l20.
-moz-truc comme tu le dis ne dois plus être d'application je pense, vu que opacity est reconnu par FF.

Sinon, pour ton problème, donne lui une hauteur et/ou une largeur (différente de auto)
Et n'oublie pas le doctype.

Correct:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head><title></title></head>
    <body>
        <div style="filter : alpha(opacity=50); opacity:0.5; width: auto; height:100%">
            <div class="box">Texte ici</div>
        </div>
    </body>
</html>


Correct:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head><title></title></head>
    <body>
        <div style="filter : alpha(opacity=50); opacity:0.5; width: 100px; height:auto">
            <div class="box">Texte ici</div>
        </div>
    </body>
</html>


Correct:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head><title></title></head>
    <body>
        <div style="filter : alpha(opacity=50); opacity:0.5; width: 100%;>
            <div class="box">Texte ici</div>
        </div>
    </body>
</html>


Incorrect: (width ET height sont à "auto" )
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head><title></title></head>
    <body>
        <div style="filter : alpha(opacity=50); opacity:0.5; width: auto; height:auto">
            <div class="box">Texte ici</div>
        </div>
    </body>
</html>
Calak, dans tous tes exemples tu utilises un Doctype tronqué, qui fait que les navigateurs analyseront la page en mode «compatibilité avec le code de cochon écrit en 1997-1998), aussi appelé «mode Quirks». Bref, mauvaise idée, Doctype à bannir, et on travaillera toujours avec un Doctype complet, par exemple en générant un squelette de page avec un outil qui va bien:
http://css.alsacreations.com/outils/squelettor/index.php

Et effectivement, -moz-truc-machin-chose (pardon, -moz-opacity) est plus obsolète que le minitel.
Modifié par Florent V. (16 Oct 2008 - 20:26)
Sujet clos
Aller à