2015-10-22 89 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

的确如此。你明白了你的观点。我只是检查他与检查元素的网站,我看到了很多的:重点代码,而对于一些原因,我认为他写的代码,他应该将其删除:) –