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)。而在现代浏览器中，这是完全透明的黑色，因此它会将您的图像用作背景，ie8 及以下版本将其视为全黑。尝试删除该部分。