Problème d'opacité... [Résolu]

Signaler
Messages postés
3472
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
-
Messages postés
3472
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
-
Salut,

J'utilise la propriété de petoleTeam pour avoir une même opacité sur tout les navigateurs...

J'ai un div qui grise la page et qui a une opacié de 30 ou 0.3 pour ceux qui préfère...

Dans ce div je met un autre div avec une image de fond sauf que ce div aussi est a 30 ou 0.3 en opacité même si je met son opacité a 100...

mon code :

function Obj_SetOpacity( obj_, opa_){
  //-- Recup l'objet
  var Obj = ( typeof (obj_)=='object') ? obj_ : document.getElementById( obj_);
  //-- Si existe
  if( Obj){
    if(document.all && !window.opera){
      Obj.style.filter = "alpha(opacity=" + opa_ + ");"
    }
    else{
      var Val = opa_/100;
      Obj.style.setProperty( "-moz-opacity", Val, "");
      Obj.style.setProperty( "-khtml-opacity", Val, "");
      Obj.style.setProperty( "opacity", Val, "");
    }
  }
} //fonction de PetoleTeam...

function griserInterface() {
 document.getElementById('griser').style.margin = "0px";
 document.getElementById('griser').style.top = "0";
 document.getElementById('griser').style.left = "0";
 document.getElementById('griser').style.height = "100%";
 document.getElementById('griser').style.width = "100%";
 document.getElementById('griser').style.position = "fixed";
 document.getElementById('griser').style.backgroundColor = "black";
 document.getElementById('griser').style.zIndex = "50";
 document.documentElement.style.overflow = "hidden";
 Obj_SetOpacity("griser", 30);
 init_dialogue();
}


function init_dialogue() {
 var boite = document.createElement('div');
 boite.setAttribute('id', 'boite');
 document.getElementById('griser').appendChild(boite);
 dialogue();
}


function dialogue() {
 document.getElementById('boite').style.backgroundImage = "url(fond.png)";
 document.getElementById('boite').style.height = "250px";
 document.getElementById('boite').style.width = "350px";
 document.getElementById('boite').style.position = "absolute";
 document.getElementById('boite').style.zIndex = "70";
 Obj_SetOpacity("boite", 100);
 Obj_SetPosition("boite", "550", "200");
}

Merci d'avance

a++







Si la réponse vous convient, pensez : Réponse acceptée !

1 réponse

Messages postés
3472
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
32
re,

en fait j'ai mis le div "boite" dans body et j'ai changer le position:absolute en position:fixed...

a++

Si la réponse vous convient, pensez : Réponse acceptée !