即使触发了hasLayout，CSS不透明度在IE7或IE8中也不起作用

Question

我有这个幻灯片与悬停弹出的覆盖，你可以查看它的here。只需将鼠标悬停在“特色”部分下面的任何图片上。在FF，Webkit，IE9中效果很好。我用小于IE9的代码做了一个单独的样式表，并在其中声明了宽度、高度、缩放、定位，使用了在IE中工作的所有过滤器……而且我在IE7或IE8中都看不到不透明。带有类覆盖的div附加了JQuery，这有问题吗？这是我的css：

.overlay {
background-color:#fff;
 filter:alpha(opacity=60);
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
 zoom:1;
 width:160px;
 height:20px;
 z-index:50;
 position:absolute;
 bottom:0;
 }

Answer 1

你的淡出例程是添加一个内联样式，这会导致progid:DXImageTransform.Microsoft.Alpha(Opacity=60)覆盖你的filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65)。fade例程通常会放入内联样式，但您需要确保它要么结束于您想要的位置(具有65%的不透明度)，要么在淡出之后消失，以便使用css (在Firefox中，它看起来是随着内联而褪色，然后在完成后删除内联，以便拾取样式表的不透明度)。

编辑(从关于使用jquery淡入淡出的评论中添加信息)：如果您正在使用.fadeIn()，那么尝试使用.fadeTo(400, 0.65) (请参阅http://api.jquery.com/fadeTo)，400是.fadeIn()的默认持续时间，因此您可以更改它，第二个数字是最终的不透明度设置