Bootstrap导航栏仅在使用IE9调整大小后才能工作

时间:2014-10-23 05:42:37

标签: twitter-bootstrap internet-explorer-9

我正在使用bootstrap 3帮助朋友设计他的主页。现在设计已经准备好了,但是当我使用IE9访问页面时,我们遇到了页面底部导航栏的奇怪行为。像往常一样,定义了四种尺寸(大,中,小,xtrasmall)。如果第一次使用大中型IE9加载页面,则导航栏不起作用。只有在重新调整窗口大小至少或xtrasmall后,导航栏才能工作 - 即使是大型或中型。

使用Chrome,FF或Safari,一切正常。

任何想法,我们如何解决这个问题? 网站: www.theballroomshow.com

哈德

1 个答案:

答案 0 :(得分:0)

它似乎与某种" IE9 z-index"错误。我找到了这个: http://icreatestuff.co.uk/blog/article/ie9-z-index-stacking-problem-or-something-stranger

并添加了透明的1x1" fixer.png"到导航栏。现在它可以在IE9中立即运行而无需调整大小。 很高兴,我大部分时间都在使用Firefox。 : - )