Discussion :

[guismoman33]

Voila est ce que l'opacité d'un div peut etre réglable quel est la commande??

[onirisme]

Bonjour,
Oui

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
 
filter:alpha(opacity=25);/*IE*/
-moz-opacity:0.25; /*autres nav*/
opacity: 0.25;

Voir post ici http://www.developpez.net/forums/sho...d.php?t=417510 pour plus d'infos

[Bisûnûrs]

Transparent ou translucide ?

[jeckyl]

Salut à tous,

Dommage j'applique cela pour rendre translucide le fond d'un paragraphe et cela transforme même la typo, voici mon bout de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.feature p, #rightcol p, #leftcol p {
    margin:0;
    text-align: justify;
    background: #FFFFFF;
    filter:alpha(opacity=50);/*IE*/
    -moz-opacity:0.5; /*autres nav*/
    opacity: 0.5;
}

[kohsaka]

oui l'opacité s'applique au block visé et son contenu si vraiment tu veux que le seul le fond soit translucide, tu n'as qu'a passé par un png (qui gère la transparence) de par exemple 10x10px en repeat.

[papisdoums]

Bonjour voilà une astuce qui permet de rendre le background d'une div transparent et d'épargner le contenu de la div en question:

On prend un <div> conteneur du texte et des images. Dedans, on place un div ouvert et refermé tout de suite. Vide. C'est lui qui permet de rendre la transparence de fond, sans affecter le reste du texte. Le DIV vide sera étiré au bord du DIV conteneur mais derrière ce dernier.
Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div style="position: relative; z-index: 10;">
   <div style="	background-color: #f00; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; opacity:0.2;"></div>
   ……
   ……
</div>

Si le premier DIV possède un positionnement relatif, c'est pour mettre le z-index.
Le div permettant la transparence possède le positionnement absolute et un collage à 0 px de chaque bord) pour qu'il recouvre le premier DIV et un z-index de -1 pour le mettre sous le premier.

[Bovino]

Mouais... un background-color en rgba(), bien que non compatible IE me semble quand même une meilleure solution...