Mon fondu en va tout opaque car elle va à la transparence

Question

Donc, je suis en train de disparaître dans un div transparent, un peu comme Hulu ne lorsque vous cliquez sur les lumières tamisées ... voici ce que j'ai:

//show the bg 
    new Effect.Appear('darkBackgroundLayer', {duration: 0.3}); 

alors quand mon pop-up est initialisé

// create the div for background dimming 


if($('darkBackgroundLayer')){ 
    Element.remove('darkBackgroundLayer') 
    } 

    var transparentBG = document.createElement('div'); 
    transparentBG.className = 'darkenBackground'; 
    transparentBG.id = "darkBackgroundLayer" 
    transparentBG.style.display = "none"; 
document.body.appendChild(transparentBG); 

et le CSS pour la nouvelle div

.darkenBackground { 
background-color: rgb(0, 0, 0); 
opacity: 0.7; /* Safari, Opera */ 
-moz-opacity:0.70; /* FireFox */ 
filter: alpha(opacity=70); /* IE */ 
z-index: 20; 
height: 100%; 
width: 100%; 
background-repeat:repeat; 
position:fixed; 
top: 0px; 
left: 0px; 
    } 

mais, actuellement, il apparaît en fondu ... tous les chemin à un dos solide, puis saute à l'opacité .7 ...

idées?

Answer 1

résolu en changeant Effect.Appear à

//show the bg 
    new Effect.Appear('darkBackgroundLayer', {duration: 0.3,from: 0,to: 0.7});