2013-03-06 69 views
1

当在页面之间切换时,我想用jQuery动画显示和隐藏菜单。 在Firefox中查看时,所有工作都很好,但IE在jQuery隐藏之前提供了导航div的Flash。 This is the testpagejQuery没有设置css直接在IE的页面加载中隐藏div

现在尝试使用IE浏览页面,并观看右侧菜单闪烁。 还有一些其他背景图像闪烁。 我最初可以用CSS隐藏它,但对于那些关闭了Javascript的用户来说,这不会是userfriendly。

这可以通过某种方式解决吗?

+0

在IE8的工作原理和Chrome和FF一样。 – Vucko 2013-03-06 08:30:49

+0

我在IE9中查过它 – 2013-03-06 08:32:21

+0

无论您尝试过什么,请分享代码 – Peeyush 2013-03-06 08:40:47

回答

0
<head> 
    <script> 
     document.write("<style>.contentToHide {display:none}</style>"); 
    </script> 
    <!-- rest of your styles, javascript, ... --> 
</head> 
<body> 
    <div class="contentToHide">This will be hidden on page load - but only if JavaScript is enabled</div> 
</body> 
+0

这工作得很好,见http://www.vuyk.eu/testsite/test2/testpage1.html 但是,仍然有背景闪烁 – 2013-03-06 10:20:23

1

我遇到过类似的情况。我原样离开了jQuery代码,但是,我使用IE特定的代码修改了CSS,将加载的动画对象设置为display : none;。你可以尝试类似的代码如下:

nav { 
    display : none\9; /* IE8 and below */ 
    *display : none; /* IE7 and below */ 
    _display : none; /* IE6 */ 
} 
+0

感谢您的答复,这有点像安德烈亚斯的答案。 – 2013-03-06 10:25:41

相关问题