Question

我希望改变导航栏的颜色和导航文本的颜色，就像在他的网站上一样：http://duotones.ch/我搜索了但只发现了改变尺寸而不是背景对某些科洛尔来说是透明的，而且这是一个跟随我现在的页面的点，任何帮助都会很棒。

一个jsfiddle演示会很棒！

Answer 1

导航栏有以下css规则：

.navbar.contentNav {
    background-color: rgba(176,252,229,.9);
    border-bottom: 1px solid rgba(0,0,0,.04);
    z-index: 1000;
}

更改背景颜色，rgba的最后一个参数是不透明度。

文本颜色由css规则颜色控制。这是导航栏文本颜色的css规则：

li.active a {
    color: #3d3d3c!important;
}

Answer 2

我不知道我的问题是否正确，如果这对您有帮助，请查看Fiddle

<script type="text/javascript">
$(document).ready(function(){
   $('li').hover(function(){
       $(this).css({'background-color':'rgba(255,0,0,1.0)'})
       },function(){
        $(this).css({'background-color':'rgba(255,0,0,0.0)'})   
    })
})
</script>

如果您希望导航栏中的项目颜色从tansparent更改为预先建立的颜色，您可以在jQuery中使用css和hover方法中的转换

jquery导航颜色并按照滚动页面

2 个答案: