javascript - 将不透明度更改为特定值

Question

我正在制作一个导航栏，当用户在大屏幕上滚动它时，它会慢慢可见。我不希望不透明度变得完全

1. 我希望导航栏至少有点透明，并且其中的字体具有不透明度值 1。

2. 我该怎么做？下面的代码使导航栏的不透明度在滚动操作时完全为 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

如果你只想让背景有点透明，那么使用 background-color: rgba(); .. 它只会给背景带来不透明度。否则，给整个 wrapper 不透明度也适用于 child 天气你给 child 1 不透明度。