我的淡入去所有不透明它去透明

Question

所以，我想在一个透明的股利褪色，有点像葫芦确实当您单击昏暗的灯光......这里是我有：

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

然后当我弹出初始化

// 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); 

，并为新的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; 
    } 

但CSS，目前，它在消失......所有然后跳到.7的不透明度...

想法？

Answer 1

解决了通过改变Effect.Appear到

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