Webelix.net :: CSS - La propriété Opacity

Inscription
fleche

Mot de passe oublié ?

Les 6 dernières pages de Cours et Dossiers ajoutées

(15/05/2008) Trucs et Astuces - (HTML) Jukebox audio en flash
(10/05/2008) Downloads - Thème LiMsn pour PHPelix
(01/01/2008) PHP - Expression Rationnelle PREG_REPLACE
(01/01/2008) Trucs et Astuces - (PHP) Supprimer les espaces en trop dans une chaîne
(26/12/2007) Trucs et Astuces - (HTML) Jukebox vidéo en flash
(02/12/2007) Trucs et Astuces - (PHP) Manipulation des Dates

Informations Générales

Chargement en cours...

Nombre de Visites fleche

[ 142001 ]
Votre IP fleche

[ 38.103.63.17 ]

Vous êtes ici : Home Page

Cours

CSS

Propriete opacity

Imprimer

Informations Membres

	[195] Posts sur le forum
	[179] Membres inscrits

Il y a en ligne :

0 Membre

0 Invité

Membre en ligne:
Aucun

Partenariat

Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.

Nom de domaine

Partenaires

La propriété Opacity

Cette propriété permet de spécifier l'opacité (transparence) d'un élément.

opacity
Valeur	nombre (de 0.0 à 1)
Type	CSS 3
Compatibilité	4+ 9+
Valeur par défaut	1 (soit 100% opaque)
Domaine d'application	Tous types d'éléments.
Héritage	oui
Media	Visuel

Valeur possible	Action	Exemple
nombre	Cette valeur définie la transparence de l'élément.	div {opacity: 0.5}

Remarque : Voir aussi l'astuce pour Netscape et Internet Explorer dans "Trucs & Astuces".

Exemples

opacity: 1 opacity: 0.5

<style type="text/css">
<!--
div {
position: relative;
}
.span_1 {
position: absolute;
top: 10px;
left: 10px;
padding: 20px;
background: yellow;
}
.span_2 {
position: absolute;
top: 25px;
left: 25px;
padding: 20px;
background: green;
color: white;
opacity: 0.5;
}
-->
</style>

<div>
<span class="span_1">opacity: 1</span>
<span class="span_2">opacity: 0.5</span>
</div>