淡入淡出容器，但不彈出

Question

你可以淡化容器的背景，但不是其中包含的彈出窗體？

我已經看到了一些在那裏，但它的所有單獨。

這就是我的意思。

<div class='wrapper'> 
     <div class='popUp'> 
      <!-- CODE HERE --> 
     </div> 
    </div> 

與沿線的東西。使這項工作

$('.wrapper').fadeTo("slow" , 0.5); 
    $(".popUp").fadeIn(450); 
    $('.popUp').fadeTo("slow" , 1); 

Answer 1

一種方法是使第二div這是你的背景包裝內。

<div class='wrapper'> 
    <div class='background'></div> 
    <div class='popUp'> 
      <!-- CODE HERE --> 
    </div> 
</div> 

和樣式.background類佔用​​整個包裝的大小。