2013-03-06 85 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

相關問題