如何使导航条变为透明然后使用bootstrap3更改颜色.(附加)

我一直试图找出如何做一个星期,并一直无法做到这一点.我的html导航栏看起来像这样.

JS

    $('#myAffix').affix({
  offset: {
    top: 100,
    bottom: function () {
      return (this.bottom = $('.footer').outerHeight(true))
    }
  }
})

CSS

      .affix {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    background-color: #957595 !important;
}

到目前为止,这使得导航栏落后于上下文和图像.如果有人可以帮助我,我希望如此

Navbar并没有落后于文本/图像,它已经被bootstrap词缀转换为3d,因此它看起来已经落后了.我假设您想要在固定(粘贴)时更改导航栏的背景颜色.您可以使用以下CSS.注意:您不需要Javascript.

.affix .navbar-default {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    background-color: #957595 !important;
}

.affix {
    width: 100% !important;
}