Fond semi-transparent

[flippy]

Bonjour. Je cherche à créer un bloc div (je suis en xhtml) avec un fond transparent à 50% par exemple. Ce bloc recevra des img et autres textes en l'occurence. Ce fond de bloc doit me permettre de "voir" le background qui est en dessous. Quel serait le code pour arriver à cela ? Merci pour vos pistes :rolleyes:

 

[Gz']

C'est faisable avec du CSS.

 

[flippy]

Bonjour et merci pour la piste . Je vais voir sur le net si j'arrive à trouver un bon code pour ce css...

 

[Anonyme]

Fond bleu transparent à 50%

div {background-color: rgba(0,0,255,.5)}

 

[flippy]

Super . Donc la transparence est codée avec ce ".5" si je comprends bien. Pour 80%, j'aurai ".8", etc........ Au fait que signifie le a de rgba ?

 

[Anonyme]

Oui c'est ça, le a c'est alpha, la couche de transparence.

Pour rester compatible avec les vieux navigateurs (sans transparence donc) :

div {
                 background-color: rgb(0,0,255);

                  background-color: rgba(0,0,255,.5);

}

P.S. : j'avais oublié aussi la parenthèse fermante dans le message précédent.

---------- Nouveau message ajouté à 14h18 ---------- Le message précédent a été envoyé à 14h09 ----------

When can I use

 

[flippy]

Donc comme l'alpha d'un png ou flash :siffle:

 

[boobool]

Oui, mais ça ne marche pas avec les vieux navigateur surtout les microsoft, donc le mieux est de créer une image png transparente et de la mettre en fond de ton bloque.

 

[flippy]

Conseil utile je pense que c'est encore le plus simple... quoique le ccs permet des réglages beaucoup plus poussés...