Question

我意识到关于不透明度的动画有很多问题 - 所以在任何人对我进行所有RTFM之前 - 我检查过，我找不到具有我特定问题的那个：）

请考虑以下代码：

$("#contentTabs li").live({
     mouseenter: function () {
          $(this).find("span.tabTitle").stop(true, true).animate({
             marginTop: "-25px"
          }, 250);
     },
     mouseleave: function () {
          $(this).find("span.tabTitle").stop(true, true).animate({
             marginTop: "-10px"
          }, 500);
     }
});

这在IE和其他浏览器中都能快速而快速地工作 - （如果您想知道，它只是在图片底部滑动标题）。

现在，我把它扔进了：

 $("#contentTabs li span.tabTitle").css({ opacity: 0.70 });
 $("#contentTabs li span.tabTitleText").css({ opacity: 1 });

在现场宣言之前。除了IE之外，它在其他浏览器中仍然快速而快速。

为什么这种不透明度变化如此之大？除了告诉IE浏览器不要褪色之外，还有什么可以帮助的吗？

修改

抱歉 - 基本的问题技巧让我失望，IE版测试：8

Answer 1

对于计算机而言，不透明度并不是一件容易的事，因为它需要相当多的计算，IE 8的JavaScript和渲染引擎几乎没有当前浏览器那样优化。

基本上除了避免IE中不必要的特殊效果外，你无能为力。

使用jquery opacity + animate在IE中使用蹩脚/糟糕的动画

1 个答案: