IE 在 jQuery fadeIn/fadeOut 方面遇到问题

Question

我正在使用从 document.ready() 调用的以下函数，在 此页面。

// 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 中的开发工具栏看到，由于淡入淡出效果，控件可见后，它添加了一些不透明的代码。只需通过写来删除这段代码

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

希望这会对您有所帮助:)