Итак, я пытаюсь исчезнуть в прозрачном div, вроде как hulu делает, когда вы нажимаете тусклый свет ... вот что у меня есть:
//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);
и CSS для нового 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;
}
, но в настоящее время он постепенно исчезает ... вплоть до сплошной спины, затем переходит к непрозрачности .7...
идей?