jQuery fadeIn() fadeOut() черный ореол в IE7

Как и у многих других разработчиков, у меня такая же проблема с черным ореолом при использовании фона 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');
});

Это то, что я реализовал и без кубиков:


javascript jquery fadein fadeout internet-explorer-7
person Davis    schedule 25.06.2012    source источник
comment
для загрузчика альфа-изображений путь к изображению относится к html-документу, а не к css. Вы позаботились об этом?   -  person Dave    schedule 25.06.2012
comment
Это очень сложно. Я так потерян на этом.   -  person Davis    schedule 25.06.2012
comment
хм.. Ну, сначала попробуйте вытащить стиль из html и использовать строго css для стиля. В противном случае, возможно, это как-то связано с циндексом?   -  person Dave    schedule 25.06.2012
comment
Это не z-индекс. Я бы хотел, чтобы это было.   -  person Davis    schedule 25.06.2012

Ответы (1)


arrow_upward
0
arrow_downward

Прямого ответа на этот вопрос нет, но вот что: IE6 не поддерживает альфа-прозрачность. IE7 и 8 имеют только частичные реализации обработки альфа-прозрачности и не имеют дело с их исчезновением.

Есть много неприятных способов исправить это, поэтому подход, который я лично использую, заключается в том, что это старые браузеры, а эффект чисто декоративный, поэтому упростите себе жизнь и просто отключите этот фон для этих браузеров.

Однако это не отвечает на ваш вопрос. Что вам нужно сделать, так это применить "AlphaImageLoader " собственный фильтр в IE. Вы говорите, что пробовали это, но этого нет в вашем опубликованном коде, можете ли вы опубликовать то, что вы пытались показать нам на примере?

person user2722002    schedule 04.09.2013