Internet Explorer 9中的网站菜单颜色错误

Question

我有一个Wordpress网站，它在Chrome中看起来很棒。但当我在IE9中查看它时，悬停下拉菜单是一个可怕的蓝色。而不是它应该成为的样子。你知道为什么它看起来不一样吗？

在主页的右手边也应该有一个手机的图像，但它不在IE9中。

我的网站：http://goo.gl/YpcKBx

Answer 1

你正在使用CSS渐变。

它们在IE9或更早版本中不受支持，因此浏览器将回退到已定义为替代背景色的任何其他颜色。我猜您在样式表中的某处有蓝色。

解决方案：

1. 使用IE9确实支持的替代语法，例如用于渐变的SVG背景图像。
2. 使用像CSS3Pie这样的多填充脚本，它可以帮助旧的IE版本支持CSS gradients.
3. Accept等旧IE版本不支持此功能的功能，并提供足够接近预期渐变的纯色后退背景颜色，使其看起来还可以。