Internet Explorer에서 jQuery 불투명도 애니메이션 왜곡 위치

Question

불투명도 속성 및 jQuery 애니메이션 기능을 사용하여 가로 탭 메뉴에서 클릭 같은 효과를 구현하려고합니다. 불투명도 속성을 사용하여, 내 수평 메뉴에서 탭이 초기 위치를 잃을 애니메이션 때

$(document).ready(function() {  
    $("div#header > ul > li").click(function(event) { 
     $(this).animate({opacity: 0.7} ,"fast", "", function() { 
      $(this).animate({opacity: 1} ,"fast"); 
     }); 
    }); 
}); 

내 문제는 Internet Explorer 7 및 6에서 발생 : 다음은이 작업을 수행하는 코드입니다.

Click here 내 웹 사이트를 방문하십시오. 문제를 보려면 "Contato"를 클릭 한 다음 "Início"에서 다시 클릭하십시오 (미안하지만 포르투갈어로 작성되었지만 버그가 발생했는지 확인해야합니다). 주의, 지금까지 IE7/IE6에서만이 문제를 발견했습니다!

미리 감사드립니다.

Answer 1

IE에 불투명 지원이 없기 때문에 그것은 불투명도와 Internet Explorer와 관련된 버그 일뿐입니다.

불투명도 : jQuery.support.opacity 속성의 jQuery documentation에서 브라우저 가 제대로 IE에 현재 거짓 불투명도 스타일 속성을 (해석 할 수있는 경우는 true, 같음, 대신 알파 필터를 사용하여).

if ($.support.opacity) { 
//animation code 
} 

:

버그를 방지하고 여전히 호환 브라우저에 영향을하려면, 나는 다음과 같은 조건에서 애니메이션의 코드를 포장했습니다