褪色容器，但不是弹出窗口

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类的样式以占用包装器的整个大小。