将不透明度更改为特定值

时间:2016-09-07 06:47:02

标签: javascript jquery html css

我制作了一个导航栏,当用户在较大的屏幕中滚动浏览栏时,该导航栏会慢慢显示。 我不希望不透明度变得完全

  1. 我希望导航栏至少有点透明,其中的字体的不透明度值为1。

  2. 我该怎么办?下面的代码使滚动操作的导航栏的不透明度完全为1。

  3. 
    
    public static void main(String[] args) {
    
        String validText = "B1";
        String invalidText = "B0";
    
        if(containsZero(validText)) {
            //Persist in database here
        }
    
        if(containsZero(invalidText)) {
            //Persist in database here
        }
    }
    
    private static boolean containsZero(String text) {
        return text.contains("0");
    }
    
    
    $(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));
    });
    &#13;
    &#13;
    &#13;

1 个答案:

答案 0 :(得分:1)

如果你想要的背景有点透明,那么使用background-color:rgba(); ..它只会给背景提供不透明度。否则给整个包装器赋予不透明性将适用于儿童过于天气你给孩子不透明1。