Question

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

IE7 Black Halo

========== 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');
});

这是我实施的，没有骰子：

Answer 1

对此没有直截了当的答案，但是这里 - IE6无法处理alpha透明度。 IE7和8仅具有处理alpha透明度的部分实现，并且不处理淡化它们。

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

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

IE7中的jQuery fadeIn（）fadeOut（）黑晕

1 个答案: