CSS样式在Windows 8上的IE 11中无法正常工作

Question

所以，至少可以说，我不理解IE。作为一名网页设计师/（轻微）开发人员，并且永远是我的阿基里斯脚跟。

我已经推出了一个网站，但还没有做广告，正如我检查Windows 8 IE 11，看到它正在分崩离析。

我知道所有浏览器都不接受某些CSS3样式，但我想如果它在Windows 7上的IE 11中有效，那么它会没问题吗？然而，网站上的一些样式在Windows 8上的IE 11上完全相反。那么差异是什么呢？

这是我感觉会导致问题的网站的特定部分，因此我将以此为例。

#ez-home-top-1:before {
    background: url("http://mywebsite.com/IMAGES/banner-bg-bottom.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1em solid #000;
    bottom: 0;
    content: "";
    height: 65px;
    left: -9000px;
    position: absolute;
    right: -9000px;
    z-index: 5;
}

在IE 11中的Window 7上，这就是它的样子

在IE 11中的Window 8上，这就是它的样子

非常感谢任何关于如何使用此建议，文章或建议！

Answer 1

我认为您的问题是因为您使用的是rgba（0,0,0,0）。在现代浏览器中，这是完全透明的黑色，因此它将您的图像用作backgronud，ie8及以下将其视为全黑。尝试删除该部分。