javascript - 为订阅框创建透明背景

现在这对我来说真的很难
而且我无法为此解决方案。
我希望你们中的许多人一定已经看过一个网站，当您进入该网站时，您会看到主页..但随后出现一个透明层，并在其上方显示带有关闭按钮的“订阅”框。
谁能帮忙..
只是布局..

最佳答案

很简单，就是这样完成的

<div class="subscribeContainer">
   subscribtion box here...
</div>
<style>
    .subscribeContainer{
       position:fixed;
       left:0;
       right:0;
       bottom:0;
       top:0;
       background:transparent;/* Default Anyway or  next line */
       background:rgba(0, 0, 0, 0.5); /* Semi Transparent */
       display:none;/* Hidden By Default Now */
    }
</style>

然后，您可以像这样使用jquery淡入.subscribeContainer

$(document).ready(function(){
    $('.toggleSubscribeButton').on('click', function(){
       $('.subscribeContainer').fadeIn('slow');
    });
});

或者，如果您希望它在窗口加载时淡入，就像这样

$(window).load(function(){
   $('.subscribeContainer').fadeIn('slow');
});