jQuery不透明度动画扭曲定位在Internet Explorer中

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

我相信这只是一个涉及不透明和Internet Explorer的bug，因为IE没有不透明度支持。 从jQuery.support.opacity属性的jQuery documentation：

不透明度：等于为true，如果浏览器 可以适当解释透明度 样式属性（目前在 IE假的，它使用alpha滤镜代替）。

为了避免错误，仍然有兼容的浏览器的效果，我裹在以下条件中的动画代码：

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