CSS:导航栏在安置前跳转

时间:2014-06-06 22:07:10

标签: javascript html css twitter-bootstrap

首先导航到我的网站:www.parish.nl

当您使用FF单击主菜单时,菜单功能非常棒。

然而,当您使用chrome或IE 11执行相同操作时,您会注意到主菜单中的元素会在转到正确位置之前暂时聚集并闪烁到左侧。

甚至更奇怪的是,如果我强迫IE和chrome总是去服务器而不使用缓存,那就完美了。好的,所以我清除了chrome和IE的缓存然后重新加载。当运行本地版本的css和js时,菜单再次闪烁,几乎就像在本地运行速度太快以至于在css之前渲染导航元素可以赶上来。但是通过运行服务器,事情变得足够慢以消除闪烁 - 但当然这个理论必须是无意义的,对吧?但为什么在FF上没问题呢?

如果您查看页面的源代码,您可以看到我首先从CDN加载js,然后,我也加载了引导程序,然后是CDN,然后是我的本地css。

有什么建议,我可以做些什么来解决问题?

非常感谢!

1 个答案:

答案 0 :(得分:0)

我认为这可能是因为你的下拉菜单元素在bootstap运行之前不会被隐藏。此时,嵌套的UL被赋予一个新的类名,它具有一个CSS规则来隐藏它们。尝试将此简单规则添加到本地CSS文件中:

#menu ul.dropdown{
  display: none;
}