2015-07-21 50 views
0

我似乎無法弄清楚爲什麼我的導航欄的背景是不可見的,直到我開始滾動。如何編輯導航欄以使背景不可見?

我希望它在整個時間都是純色。

這是代碼:

#header { 
padding: 20px 0px 10px!important; 
transition: 0.5s;} 

#header .logo img { 
max-width: 250px; 
max-height: 125px;} 

.is-sticky #header { 
z-index: 999999; 
background: #404040; 
border-bottom: 1px solid {{ baseColor }};} 

#header .navigation { 
max-width: auto; 
max-height; auto;} 

提前感謝!

+2

可以還添加HTML代碼到您的文章? – Grasper

回答

1

當您滾動時,您的網站上似乎會有一些js將類is-sticky添加到您的header的父元素之一中。

嘗試移動從.is-sticky #headerbackground: #404040;#header風格:

#header { 
    padding: 20px 0px 10px!important; 
    transition: 0.5s; 
    background: #404040; 
} 
#header .logo img { 
    max-width: 250px; 
    max-height: 125px; 
} 
.is-sticky #header { 
    z-index: 999999; 
    border-bottom: 1px solid {{ baseColor }}; 
} 

上述假設#header是導航欄,你是在談論