TechWeb
Accueil Codage HTML CSS DESIGN XML LaboCSS

Transparence

La propriété opacity

En CSS3 il est possible de moduler la transparence d'un élément en agissant sur la propriété opacity

L'opacité s'applique à l'ensemble de son contenu (fond, texte, éléments enfants)

Prague
Un div dont on peut faire varier la propriété : opacity
un div dans un div

Couleur avec transparence

En CSS3 il est possible de définir une couleur avec transparence : rgba(rouge, vert, bleu, opacité)

Les composantes rouge vert et bleu varient de 0 à 255 et l'opacité prend sa valeur entre 0 et 1. La valeur 0 de l'opacité rend l'élément totalement transparent et la valeur 1 le rend totlement opaque

Une telle couleur peut être utilisée autant pour le fond d'un élément que pour la police. La transparence n'affecte ni la couleur de la police ni les éléments enfants pour lesquelles la couleur est redéfinie.

Un div dont on peut faire varier la transparence de la couleur de fond
un div dans un div

Valid XHTML 1.0 Strict Valid CSS!

Copyright Gabriel Braun 2007