Problème d'opacité... [Résolu]
nicomilville
- Messages postés
-
3472
- Date d'inscription
- lundi 16 juillet 2007
- Statut
- Membre
- Dernière intervention
- 28 février 2014
-
nicomilville
- 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 !
