javascript - jQuery 如何在 IE8 及以下版本中执行 "fade"？

Question

我只是想知道 jQuery 如何在不支持 opacity 的 IE 浏览器中生成淡入淡出效果？动画 opacity 是他们在其他浏览器(如 Firefox 和 Chrome)中淡入淡出的方式。我研究了代码，但老实说，我找不到任何我可以理解的东西!

Answer 1

从 jquery 源代码，他们基本上检测是否支持不透明度，如果不支持，则使用 IEs alpha 过滤器

if ( !jQuery.support.opacity ) {
jQuery.cssHooks.opacity = {
    get: function( elem, computed ) {
        // IE uses filters for opacity
        return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
            ( parseFloat( RegExp.$1 ) / 100 ) + "" :
            computed ? "1" : "";
    },

    set: function( elem, value ) {
        var style = elem.style,
            currentStyle = elem.currentStyle;

        // IE has trouble with opacity if it does not have layout
        // Force it by setting the zoom level
        style.zoom = 1;

        // Set the alpha filter to set the opacity
        var opacity = jQuery.isNaN( value ) ?
            "" :
            "alpha(opacity=" + value * 100 + ")",
            filter = currentStyle && currentStyle.filter || style.filter || "";

        style.filter = ralpha.test( filter ) ?
            filter.replace( ralpha, opacity ) :
            filter + " " + opacity;
    }
};
}