不透明度を特定の値に変更する

Question

私は大きな画面でスクロールするとゆっくりと表示されるナビゲーションバーを作っています。 私はそれを行うことができますどのように不透明度値1

を持っている不透明度は完全に

1. 私は、ナビゲーションバーが少なくとも少し透明になりたい

   とその中のフォントになりたくありません？以下のコードは、スクロールアクションでナビゲーションバーの不透明度を完全に1にします。

$(window).resize(function() { 
 

 
    if ($(window).width() < 480) { 
 
     $('.navbar').removeClass("navbar-fixed-top"); 
 
     $('.navbar').css('opacity', 1) 
 
    } else { 
 
     $('.navbar').css('opacity', 0) 
 
    } 
 
}); 
 

 
$(document).on('scroll', function(e) { 
 
    if ($(window).width() > 480) 
 
     $('.navbar').css('opacity', ($(document).scrollTop()/900)); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

あなただけの背景を少し透明たいならば、背景色を使用します。RGBA（）;それはバックグラウンドのみに不透明度を与えます。それ以外の場合は、ラッパー全体に不透明度を与えることは、子どもにも適用されます。子供には不透明度を与えます。