【问题标题】:CSS Font Color Mis-interpretation by IE8, but not IE7 or IE9IE8 对 CSS 字体颜色的错误解释,但不是 IE7 或 IE9
【发布时间】:2012-01-25 09:22:31
【问题描述】:
我正在处理的 WordPress 主题项目遇到问题(该主题基于 WordPress 的 Roots 主题)。
我无法控制主导航子菜单的字体颜色:但仅限于 IE8。字体看起来与子菜单的背景颜色相同,使其对用户不可见。奇怪的是,这个问题只发生在 IE8 中,不会发生在 chrome、firefox、IE7 或 IE9 中。
该网站是http://precisionmfgmn.com,要查看错误,请尝试将鼠标悬停在主导航上的“公司”链接上。
以下是一些可能相关的细节:
我正在使用 cufon 字体替换。
有什么想法吗?
【问题讨论】:
标签:
css
wordpress
internet-explorer-8
wordpress-theming
cufon
【解决方案1】:
看起来 cufon 使用的是带有 IE8 而不是 IE7 的画布。 IE8 似乎不支持它,但 IE9 支持。这是两种可能的解决方案:
- 修改模块源代码,如果浏览器是IE8则不应该使用canvas
- 强制IE7兼容性视图,你可以通过添加来做到这一点
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
在您的模板文件中
第一个解决方案可能是最好的,但第二个更容易。
【解决方案2】:
嗯,很奇怪,Cufon 的显示方式通常非常通用,我以前用过它,没有遇到过问题。您在 Wordpress 上是否有任何特定于浏览器的样式表?我知道它们在 Joomla 上,但不确定它们是否在 Wordpress 上。如果有,其中一个可能正在对 IE8 应用稍微不同的样式,这会以某种方式破坏 Cufon,如果有 IE 特定的样式表,请尝试将其重命名为临时删除它,看看是否有任何区别。
我刚刚在IE8兼容模式下用IE9看了一下,看不出有什么问题?,你试过清除浏览器缓存并重新加载页面吗?它可能已经缓存了你之前所做的更改,所以文本显示的是旧版本。