0 
<script type="text/javascript" src="/web/upload/js/jquery-1.8.0.min.js"></script>    
<script type="text/javascript">
    $(function() {
        $(window).scroll(function(){
            var scrollTop = $(window).scrollTop();
            if(scrollTop != 0)
                $('#header').stop().animate({'opacity':'0'},400);
            else    
                $('#header').stop().animate({'opacity':'1'},400);
        });

        $('#header').hover(
            function (e) {
                var scrollTop = $(window).scrollTop();
                if(scrollTop != 0){
                    $('#header').stop().animate({'opacity':'1'},400);
                }
            },
            function (e) {
                var scrollTop = $(window).scrollTop();
                if(scrollTop != 0){
                    $('#header').stop().animate({'opacity':'0'},400);
                }
            }
        );
    });
</script>

スクロールとホバーに応じてフェードイン/アウトするナビゲーション（#header）を作成しました。しかし、IE8 だけでは、.png 画像とテキストが歪んでいます。解決方法がわかりません。

助けてください ：（

4

2 に答える 2

0

古いバージョンの IE では、フェードインを行った後、アンチエイリアス処理されていないテキストがレンダリングされます。

jQuery ブラウザー プラグインを使用する場合は、フェードインの後に次の行を使用して、これをある程度許容できるようにするための回避策として使用できます。

if ($.browser.msie) { $('#header')[0].style.removeAttribute('filter'); }

于 2013-06-16T13:38:08.760 に答える
0

IE6 から IE8 では、不透明度プロパティは存在しません。

代わりに、これらの古いバージョンでは、filter:alpha(opactiy:[value])

例: http://www.w3schools.com/css/css_image_transparency.asp

また、レイアウトが問題になる場合があります。Opacity CSS not working in IE8に対する受け入れられた回答を確認してください

HTML5 SHIVがシナリオを変更するかどうかを試すこともできます。

于 2013-06-16T13:52:21.203 に答える