jquery - 仅 IE 中的 jQuery 背景动画初始不透明度错误

Question

我正在为 div 的背景设置动画，以产生您在http://farshadzandi.ca上看到的金色按钮效果

代码如下：

$(function(){
  $(".navigation").hover(function(){
    $(this).children('.background').stop(true,true).animate({opacity: 1},250);
  }, function(){
    $(this).children('.background').stop(true,true).animate({opacity: 0},250);
  });
});

$(function(){
  $(".lower-navigation").hover(function(){
    $(this).children('.lower-background').stop(true,true).animate({opacity: 1},250);
  }, function(){
    $(this).children('.lower-background').stop(true,true).animate({opacity: 0},250);
  });
});

谁能告诉我为什么虽然这在 Firefox/Chrome 中运行良好，但在页面加载时它会在 IE 中显示背景图像？谢谢！

Answer 1

对于 IE，您必须使用以下 CSS 语法。

/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* IE 5-7 */
filter: alpha(opacity=50);