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

Inscription
fleche

Mot de passe oublié ?

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

Utilitaires - Testeur de REGEX
Trucs et Astuces - Insérer un copyright sur une image avec la librairie GD
Trucs et Astuces - Créer des titres en image PHP avec la librairie GD

Informations Générales

Chargement en cours...

Nombre de Visites fleche

[ 1 049 069 ]
Votre IP fleche

[ 38.107.191.117 ]

Vous êtes ici : Home Page

Cours

CSS

Propriete opacity

Imprimer le document

Informations Générales

[432] Posts sur le forum

[461] Membres inscrits
Il y a en ligne :

0 Membre

3 Invités

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.

Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

Nos 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+ 3+ 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>