1

ページを切り替えるときに、jQuery アニメーションでメニューを表示および非表示にしたいと考えています。Firefox で表示するとすべて正常に動作しますが、IE では jQuery によって非表示になる前にナビゲーション div がフラッシュされます。 これはテストページです

IE でページ間を移動してみて、右側のメニューが点滅するのを確認してください。また、他のいくつかの背景画像が点滅しています。最初は CSS で非表示にすることもできましたが、Javascript をオフにしているユーザーにとっては使いにくいでしょう。

これは何らかの方法で解決できますか？

4

2 に答える 2

1

私は同様のシナリオに出くわしました。jQuery コードはそのまま残しましたが、CSS を IE 固有のコードで変更して、アニメーション オブジェクトをdisplay : none;ロード時に設定しました。次のコードに似たものを試すことができます。

nav {
     display : none\9; /* IE8 and below */  
    *display : none;   /* IE7 and below */  
    _display : none;   /* IE6 */
}
于 2013-03-06T08:56:56.360 に答える
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>
于 2013-03-06T08:39:04.190 に答える