CSS不透明度在IE7或IE8中不起作用,即使已触发hasLayout

CSS不透明度在IE7或IE8中不起作用,即使已触发hasLayout,css,internet-explorer-8,internet-explorer-7,opacity,haslayout,Css,Internet Explorer 8,Internet Explorer 7,Opacity,Haslayout,我有这张幻灯片,上面有一个悬停画面,你可以看。只需将鼠标悬停在“特色”部分下方的任何图片上。在FF、Webkit和IE9中非常有效。我为少于IE9的版本制作了一个单独的样式表,在其中我声明了宽度、高度、缩放、定位,使用了IE中所有的过滤器。。。。我在IE7或IE8中都没有不透明度。带有类覆盖的div附加了JQuery,这是一个问题吗?这是我的css: .overlay { background-color:#fff; filter:alpha(opacity=60); -ms-filter:

我有这张幻灯片,上面有一个悬停画面,你可以看。只需将鼠标悬停在“特色”部分下方的任何图片上。在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;
 }

淡入淡出例程正在添加一个内联样式,该样式将导致css中的
progid:DXImageTransform.Microsoft.Alpha(不透明度=60)
,它将覆盖您的
过滤器:progid:DXImageTransform.Microsoft.Alpha(不透明度=65)
。淡入淡出例程通常会放置一个内联样式,但您需要确保它要么在您想要的地方结束(不透明度为65%),要么在淡入淡出后消失,以便使用css(在Firefox中,它似乎是以内联方式淡入淡出,然后在完成后删除内联,以便拾取样式表不透明度)


编辑(从jquery淡入淡出评论中添加的信息):如果您使用的是
.fadeIn()
,那么请尝试使用
.fadeTo(400,0.65)
(请参阅),400是
.fadeIn()
的默认持续时间,因此您可以更改它,第二个数字是最终的不透明度设置,对于我来说,在IE8 windows上似乎可以正常工作。它在悬停时衰减到100%,然后在鼠标离开时衰减到0%?您如何测试IE7/8?IE9的浏览器模式?虚拟机?IETester?我在Windows上使用浏览器模式进行测试,@nav它应该只有60%的不透明度。嗯,好的。我正在使用JQuery进行淡入淡出…这对我来说是一个新领域。你不会碰巧知道怎么做吧?@Heather Walters——如果你使用的是
.fadeIn()
,那么试着改用
.fadeTo(400,0.65)
(参见),400是
.fadeIn()
的默认持续时间,所以你可以更改它,第二个数字是最终的不透明度设置。哇,这完全奏效了!“你能把这个加在你的答案上,这样我就可以给你评分了吗?”希瑟·沃尔特斯——按照你的要求,在答案上加了我的评论。