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

标签 css windows internet-explorer

所以,至少可以说,我不了解 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 上,这是它的样子

enter image description here

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

enter image description here

非常感谢任何关于如何使用它的建议、文章或建议!

最佳答案

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

关于CSS 样式在 Windows 8 上的 IE 11 中无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25559436/

相关文章:

css - 为什么 div 不在前一个 div 之后开始?

windows - 计算机重启后恢复批处理脚本

php - 既然 PEAR 方法不再可行,如何为 WAMP 安装 PhpUnit?

.net - 通过远程桌面提高 WPF 应用程序速度?

Javascript:从 X、Y 坐标获取方向的公式

JavaScript - 纸牌内存游戏,洗牌功能

html - 如何用CSS调用不同的图片

javascript - 如何在 IE 11 的 Image.load 上获取 SVG 的宽度和高度

javascript - 带 babel 的 Vue.js(用于 IE9 兼容性),无需节点构建步骤

javascript - .js 文件在 firefox/tomcat/eclipse 中的奇怪缓存