IE7 jQuery fadeIn() fadeOut() 黑色光晕答案

【问题标题】：jQuery fadeIn() fadeOut() black halo in IE7IE7 jQuery fadeIn() fadeOut() 黑色光晕
【发布时间】：2012-06-25 15:34:51
【问题描述】：

就像许多其他开发人员一样，我在使用 CSS PNG 背景时遇到了同样的黑晕问题。（忽略模糊。专注于黑色光晕）。

==========HTML==========

<div class="s4-notdlg append-bottom-x" id="header"> <a class="show-settings active" href="javascript:;"></a>
  <div class="container">
    <div class="span-13 last">
      <div id="explore"> <a id="header-home-icon" href="" class=""></a> <a id="menu" href="javascript:;" class=""></a>
        <div id="dropdown" style="display: none;">
          <div id="wrap"> </div>
        </div>
        <a style="bottom: 112px;position: absolute;right: 84px;" class="closeThis close" href="javascript:;"></a> </div>
    </div>
  </div>
</div>

==========CSS===========

a#menu.active {
    background-position: -399px -41px;
}
#dropdown {
    background: url(images/bg/menu_dropdown_bg.png) no-repeat;
    height: 340px;
    /*height: 556px;*/
    position: absolute;
    right: -66px;
    top: 48px;
    width: 875px;
    z-index: 99999;
    display:none;
}
#dropdown #wrap {
    /*height: 413px;*/
    height: 211px;    
    margin: 26px 91px 0;
    width: 698px;
}

==========jQuery===========

    //menu
var menu = $('#menu');
var dropdown = $('#dropdown');

menu.toggle(function () {
    menu.addClass('active');
    dropdown.fadeIn();
}, function () {
    menu.removeClass('active');
    dropdown.fadeOut();
    return false;
});
dropdown.mouseleave(function () {
    menu.trigger('click');
});

这是我已经实现的，没有骰子：

【问题讨论】：

对于 alpha 图像加载器，图像的路径是相对于 html 文档，而不是 css。你照顾好了吗？
这真的很棘手。我很迷茫。
hmm.. 好吧，首先尝试从 html 中取出样式并严格使用 css 作为样式。否则，也许它与zindex有关？
这不是 z-index。我希望是。

标签： javascript jquery internet-explorer-7 fadein fadeout

【解决方案1】：

对此没有直接的答案，但这里有 - IE6 无法处理 alpha 透明度。 IE7 和 8 仅部分实现了处理 alpha 透明度，不处理淡入淡出。

有很多不愉快的方法来解决这个问题，所以我个人采取的方法是，这些是旧浏览器，效果纯粹是装饰性的，所以让你的生活更轻松，只需为这些浏览器禁用此背景即可。

但是，这并不能回答您的问题。你需要做的是apply the "AlphaImageLoader" proprietary filter in IE。您说您已经尝试过了，但它不在您发布的代码中，您可以发布您尝试向我们展示的示例吗？

【讨论】：