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

在 IE6 到 IE8 中，不存在 opacity 属性。

相反，对于那些旧版本， 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 回答
0

旧版本的 IE 在淡入后呈现非抗锯齿文本。

如果您使用 jQuery 浏览器插件，您可以在淡入后使用以下行，作为一种解决方法，以使其在某种程度上可以容忍：

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

于 2013-06-16T13:38:08.760 回答