Question

不透明度不是由IE8中具有不透明度的DIV中的图像继承的，我不知道为什么。一个是通过HTML的图像，其他图像被设置为CSS中的背景（以实现翻转效果）。它适用于IE7，IE9，Chrome，Firefox和Safari。

我的代码就在这个小提琴中：http://jsfiddle.net/46AKc/5/

如果我申请

opacity: .75; /* Standards Compliant Browsers */
filter: alpha(opacity=75); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);

到＃hover-prod1 ，翻转的不透明度发生了变化，但它没有像在其他浏览器中那样无缝地融入 .slide-out ，所以我不知道认为这是正确的解决方案。

我在以下帖子中尝试过这些解决方案而没有运气： Opacity CSS not working in IE8
Opacity in IE8 works on <p> but not on <a>
Opacity not working on img in IE8

Answer 1

那是因为

.hover-products{
   position:relative;
}

删除它。

请在此处查看：http://jsfiddle.net/46AKc/7/

Answer 2

是的，改变这两行：

.slide-out a：悬停{color：＃F36F21;}

.hover-products {position：relative;宽度：338px;保证金：20px 0 50px 15px;身高：90px;}

到此：

.slide-out a：悬停{color：＃F36F21; position：relative;}

.hover副产物{宽度：338px;保证金：20px 0 50px 15px;身高：90px;}

不透明度不适用于IE8中的图像

2 个答案: