javascript - 購読ボックスの透明な背景を作成するには

Question

これは今、私にとって本当に大変なことです。そして、私はこれに対する解決策を得ることができません. サイトに入るとホームページが表示されますが、透明なレイヤーが表示され、その上に閉じるボタンが付いたサブスクリプションボックスが表示されます。誰でも助けてくれますか..レイアウトだけで..

Answer 1

opacity:0.6; を追加するだけで JavaScript を使用する必要はありません。詳細については、次のリンクを参照してください: http://www.w3schools.com/css/css_image_transparency.asp

Answer 2

It's Simple こうやって完成

<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');
});