Мое затухание идет ко всему непрозрачному, потому что оно становится прозрачным - PullRequest
Новая
       5

Мое затухание идет ко всему непрозрачному, потому что оно становится прозрачным

0 голосов
/ 11 июня 2010

Итак, я пытаюсь исчезнуть в прозрачном 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...

идей?

1 Ответ

0 голосов
/ 12 июня 2010

Решено изменением Effect.Appear на 

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