Question

我正在使用从document.ready（）调用的以下函数，在this页面的顶部导航上设置fadeIn / fadeOut效果。

// Initialize the main menu's rollover behavior.
function initNavMenu(fadeInTime,fadeOutTime){
    $('#top-nav li').append('<div class="hover"></div>');

    $('#top-nav li').hover(
        function(){
            $(this).children('div').fadeIn(fadeInTime);
        },

        function(){
            $(this).children('div').fadeOut(fadeOutTime);
        }).click (function() {
            $('#top-nav li.selected').removeClass('selected');
            $(this).addClass('selected');
    });
}

在FF 3.6.9，Chrome，Safari和Opera上运行良好。但是在IE 8（可能还有更低版本）上，当我滚过按钮时，我会得到一个丑陋的，墨水效果不佳的墨水效果。一旦淡入淡出，涂抹的效果就会消失。有人知道是什么导致了这个吗？

Answer 1

在控件可见后，由于淡入淡出效果，可以看到IE中的Developer工具栏，它会为不透明度添加一些代码。只需通过编写

删除该段代码即可

$('selector').css('attribute', '');
or write 
$('selector').removeAttr('style'); // Removes all inline styles.

希望这会对你有所帮助:)。

IE有jQuery fadeIn / fadeOut的问题

1 个答案: