0

在 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

4

2 回答 2

0

那是因为

.hover-products{
   position:relative;
}

只需将其删除。

在这里看到它：http: //jsfiddle.net/46AKc/7/

于 2012-08-31T19:54:27.070 回答
0

是的，改变这两行：

.slide-out a:hover{color:#F36F21;}

.hover-products{位置：相对；宽度：338px；边距：20px 0 50px 15px；高度：90 像素；}

对此：

.slide-out a:hover{color:#F36F21; 位置：相对；}

.hover-products{宽度：338px; 边距：20px 0 50px 15px；高度：90 像素；}

于 2012-08-31T20:11:12.997 回答