1

我有这个幻灯片，在悬停时会弹出一个叠加层，你可以 在这里查看。只需将鼠标悬停在“精选”部分下方的任何图片上即可。在 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;
 }
4

1 回答 1

2

您的褪色例程正在添加一个内联样式，导致在您的 cssprogid:DXImageTransform.Microsoft.Alpha(Opacity=60)中覆盖您的样式。filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65)淡入淡出例程通常会放置内联样式，但您需要确保它在您想要的位置结束（不透明度为 65%），或者在淡入淡出后消失以便使用 css（在 Firefox它似乎随着内联而消失，然后在完成后删除内联，以便拾取样式表不透明度）。

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

于 2012-01-05T00:43:01.023 回答