IE8 CSS 问题，图像真正透明时的灰色背景答案

【问题标题】：IE8 CSS Issue, gray background on images when they are really transparentIE8 CSS 问题，图像真正透明时的灰色背景
【发布时间】：2012-09-03 14:08:55
【问题描述】：

好的，看看你能不能帮我解决这个问题：

1) 转到此处：Google Chrome/Firefox/IE9 中的http://thepredatorial.com/DHS/index.php

2) 一切看起来都很棒

3) 在 IE8 中访问相同的网址

4) 幻灯片后面有灰色背景（与外角相匹配），我似乎无法找出原因或摆脱...

有什么帮助吗？

【问题讨论】：

横幅覆盖了页面，使页面部分交互。
对不起，你能详细说明一下吗？

标签： css internet-explorer-8

【解决方案1】：

好的，我最终自己修复了它。

因为 IE8 有非常糟糕的 PNG 透明度问题，我最终在透明 gif 的上方和下方制作了整个块的 png，将其绝对定位在所有内容之上，然后对所有内容进行 z 索引，但横幅滑动到绝对定位的元素上方。

原油？也许。然而，现在它在 Firefox、Chrome、IE9、IE8 中运行良好，而且天知道 IE7 是什么原因。

【讨论】：

【解决方案2】：

IE8 及以下版本在将透明效果应用于已经透明的图像时存在问题。看来您的 jQuery“循环”效果导致了这个：删除闪烁的透明度，删除灰色背景。

由于 IE 的开发工具相当糟糕，我无法在您的实际网站上轻松测试此处提出的任何解决方法，但希望有一个适合您：Problem with JQuery cycle on IE8

【讨论】：