Attribut: csscolor.opacity

Description

Spécifie le degré d'opacité d'un élément [0.0 à 1.0]. L'opacité d'un élément est uniforme.

Type: float

Version du DOM: DOM Level 3

Compatibilité: Moz 1.0.1=non, Moz 1.4=non, Moz 1.7=OK

Exemple

function init() {
 document.body.style.opacity=1.0; // initialise
 // si on ne spécifie pas la propriété, elle est à 0!
}
function fadeOut(  ) {
 var bodyStyle=document.body.style;
 if ( bodyStyle.opacity > 0 ) {
   bodyStyle.opacity-=0.1; // change l'opacité
 }
}
function fadeIn(  ) {
 var bodyStyle=document.body.style;
 if ( bodyStyle.opacity < 1 ) {
   // bodyStyle.opacity+=0.1; // bug, il le prend pour une chaine
   bodyStyle.opacity=parseFloat(bodyStyle.opacity)+=0.1;
 }
}


<body onload="init();">
<a href="#" onclick="fadeOut();return false;">Disparait</a>
<a href="#" onclick="fadeIn();return false;">Apparait</a>
</body>

Test

IDL

         attribute  float opacity;

Notes et commentaires des visiteurs

Ajouter une note

Aucun commentaire jusqu'à présent.