jQuery fadeIn() IE7의 fadeOut() 검은 후광

다른 많은 개발자와 마찬가지로 CSS PNG 배경을 사용하는 동안 동일한 검은 후광 문제가 발생합니다. (흐림은 무시하고 검은 후광에 초점을 맞춘다.)jQuery fadeIn() IE7의 fadeOut() 검은 후광

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

이것은 제가 구현 한없이 주사위 :이

출처

2012-06-25 Davis

알파 이미지 로더의 경우 이미지의 경로는 CSS가 아니라 html 문서를 기준으로합니다. 그걸 돌 보셨습니까? – Dave

예. 나는 그것을 시도했다. – Davis

이것은 매우 까다 롭습니다. 나는 이걸 잃어 버렸어. – Davis

이에 대한 간단한 대답은 아니지만, 여기 간다 - IE6 알파 투명도를 처리 할 수 없습니다. IE7과 8은 알파 투명도를 처리하는 부분적인 구현만을 가지고 있으며, 그것들을 사라지게하지는 않는다.

개인적으로 취하는 접근 방식은 오래된 브라우저이며 그 효과는 순전히 장식적이므로 단순히 브라우저를 사용하는 것이 더 쉬워지고 이러한 배경을 사용하지 않도록 설정하는 것입니다.

그러나 귀하의 질문에 답변하지 않습니다. 당신이해야 할 일은 apply the "AlphaImageLoader" proprietary filter in IE입니다. 해본 적이 있지만 게시 된 코드에 없습니다. 예제를 보여 주려고 시도한 것을 게시 할 수 있습니까?

출처

2013-09-04 10:10:41 user2722002

jQuery fadeIn() IE7의 fadeOut() 검은 후광

답변

관련 문제