在页面之间切换时,我想显示和隐藏带有 jQuery 动画的菜单。在 Firefox 中查看时一切正常,但 IE 会在导航 div 被 jQuery 隐藏之前闪烁。 这是测试页
现在尝试使用 IE 在页面之间导航并观察右侧菜单的闪烁。其他一些背景图像也在闪烁。我最初可以用 CSS 隐藏它,但这对于那些关闭了 Javascript 的人来说并不友好。
这可以通过某种方式解决吗?
我遇到过类似的情况。我保留了 jQuery 代码原样,但是,我使用 IE 特定代码修改了 CSS 以将动画对象设置为display : none;
加载。您可以尝试类似于以下代码的内容:
nav {
display : none\9; /* IE8 and below */
*display : none; /* IE7 and below */
_display : none; /* IE6 */
}
<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>