Ändern der Deckkraft auf einen bestimmten Wert

Question

Ich mache eine Navigationsleiste, die langsam sichtbar wird, wenn der Benutzer in größeren Bildschirmen scrollt. Ich will nicht die Opazität vollständig

1. ich die Navigationsleiste ein wenig transparent innerhalb es atleast und die Schriftart sein wollen werden Lässigkeitswert 1.

2. Wie kann ich es zu tun haben ? Dieser Code macht die Transparenz der Navigationsleiste beim Scroll-Vorgang vollständig 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

wenn Sie nur wollen Hintergrund wenig transparent dann Hintergrundfarbe verwenden: rgba(); .. es wird nur dem Hintergrund Opazität geben. andernfalls wird die Deckkraft der ganzen Verpackung auch auf Kinder angewendet, wenn Sie den Kindern eine Undurchsichtigkeit geben.