2015-10-22 87 views
0

我用bootstrap製作了一個網站,但不知怎的,我無法讓菜單按我的要求做。Bootstrap菜單CSS

My site with the problem

如果您單擊讓我們說「Ydelser」,然後回滾動到頂部,兩個「Ydelser」和「家」現在是白色的,我想在這一點上唯一的家是白色的。

例如,如果讓您點擊'品牌/徽標'然後向下滾動,'Home'將保持白色,直到您到達站點的位置,從'home'到'ydelser '然後'ydelser'變成白色背景

因此,從字面上看,我希望鏈接在它們處於活動狀態時具有白色背景,並且當它們停止活動時,背景應該與其他部分一樣。如果能以某種方式幫助解決問題 -

**注意**

如果我點擊「ydelser」和滾動到頂部,白色背景,可以通過點擊任何地方隨意在網站上刪除。

我有什麼企圖

我已經試過basicly,我知道了之,試圖改變一個大部分:積極,:懸停的CSS代碼,並且似乎沒有任何工作。

+0

更新我對有源元件的回答爲好,它似乎仍然使用與單獨背景色:重點。 – ProDexorite

回答

0

的問題時,因爲你在Multisupport.css:focus相同的代碼對那些李項

.navbar-default .nav>li.active>a:focus { 
    //code for css is here 
} 

線44。 單擊按鈕後,這將強制使用相同的CSS樣式。刪除該焦點,它應該沒問題。

+0

我現在已經改成透明背景,沒修好它,現在我完全刪除了多重支持的CSS。CSS和該網站仍然採取相同的奇怪的方式 並感謝您已經提供的幫助 – Woltzor

+0

我解決了這個問題,我不得不去的,是去除已經作出的白色背景:焦點代碼:) 弗羅林,我給你問題答案馬克,因爲你的解決方案幫助了我,只是在另一個CSS比Multisupport :),感謝您的大力幫助,apreciated :) – Woltzor

+0

我很高興你找到了問題並解決了它! –

2

編輯:更新了CSS,包括還有

看來,你的問題是在.active a:focus元素:重點,你必須通過CSS調整。

執行以下操作:

.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > .active > a:focus { 
    background-color: transparent; /* You can also try !important if it just keeps including the background color in there */ 
} 

和一些額外的屬性,造型,如果你願意的話。

+0

他可以更好的去除現有的代碼,而不是改寫另一種風格...... –

+0

這取決於他是否已下載引導CSS或只是CDN得到它。這個解決方案沒有對它做任何假設,並且解決了那些在本地擁有它並且使用CDN的人的問題。 – ProDexorite

+0

的確如此。你明白了你的觀點。我只是檢查他與檢查元素的網站,我看到了很多的:重點代碼,而對於一些原因,我認爲他寫的代碼,他應該將其刪除:) –