Html Internet Explorer 8中的透明度/不透明度问题

我正在为客户开发一个“一页”网站。 该网站在大多数浏览器中按我的要求显示，但在Windows XP上安装的Internet Explorer 8的特定组合中，我遇到了问题

由于客户的要求和图形设计师的设计相结合，不同的元素相互叠加，需要根据导航淡入淡出

在IE9和10（包括开发者工具中的IE8文档属性）、Chrome和Win2K8服务器上的IE8等浏览器中，所有这些都可以正常工作

然而，在IE8中，不可见元素的透明度似乎是由相同位置的“可能”可见兄弟继承的

我寻找了不同的解决方案，并尝试了不同的方法，如：

opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-filter: alpha(opacity=0);

此外，还有一个额外但基本上不必要的问题：

display: block; 

或

但以上这些都不能奏效

以前有没有人经历过或解决过这个问题。 或者，在IE8中，在同一位置衰减多个元素不是正确的方法

查看此小提琴了解我的预期功能：

顺便说一句，我试图发布一张我的问题的图片，但由于我刚刚注册，这不可能作为垃圾邮件预防措施

下面是问题的链接：

以及指向预期视图的链接：

---

IE8的不透明过滤器真的很糟糕。有些时候它会起作用，但它充满了bug和陷阱。jQuery使它稍微不那么痛苦，但即使如此，它也很容易被其中一个怪癖所困扰

我现在还没有IE8或XP可供测试，但我自己也经历过这一过程，并经历了类似的结果，特别是在处理多个元素时，尤其是当这些元素是文本和图形的混合体时

正如我所说，我现在无法亲自尝试，但我猜你遇到了一个无法解决的问题。因此，我建议寻找替代方案

---

在我们的例子中，经过大量的工作，我们最终完全放弃了将元素淡入淡出的想法，转而采用从其他元素后面将它们滑出的策略。效果非常相似，客户都很满意，而且在所有浏览器中都可以使用。

你有网站的url吗？为什么字体是透明的？这基本上就是我遇到的问题；）在IE8中，它是透明的（除其他外），例如在chrome中，它不是。您将字体设置为透明，为什么不使用javascript和show hide来隐藏内容呢？如果结果是完全重新设计，那当然会非常令人沮丧，但我感到震惊的是，没有其他选择，因为似乎没有一个可行的解决方案来解决这个问题。在您的情况下，您是用幻灯片模拟淡入/淡出动画，还是完全重新设计页面（元素的放置等）以使用幻灯片动画？您是否有类似于淡入/淡出的幻灯片动画示例？

zoom: 1;