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

Question

我有一个Wordpress网站，它在Chrome中看起来很棒。但是当我在IE9中查看它时，悬停下拉菜单是一种可怕的蓝色。不应该是什么。任何想法为什么它看起来不同？

主页右侧也应该有移动设备的图像，但在IE9中不存在。

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

Answer 1

你使用的是CSS渐变。

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

解决方案：

1. 使用IE9支持的替代语法，例如渐变的SVG背景图像。

2. 使用像CSS3Pie这样的polyfill脚本可以帮助旧的IE版本支持CSS渐变等功能。

3. 接受旧的IE版本不支持此功能，并提供一个纯色的后退背景颜色，该颜色足够接近您想要的渐变，看起来没问题。