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

Question

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 !

nicomilville · Accepted Answer

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 !

Problème d'opacité...

1 réponse

Votre réponse

Discussions similaires