我有一个多语言的页面,我只对日语版本有问题。
由于某些原因,在IE8中,当我将鼠标悬停在一个元素上时,同级的字体大小会增加/减少。
更奇怪的是,这种情况并不是每次悬停都会发生,有时我无法立即复制,我需要一直悬停在页面同一区域的不同元素上。最终,这只虫子会露出丑陋的脑袋。
这个错误只出现在日语页面上,所有其他语言似乎都很好。
这可能发生在其他版本的Internet explorer上,我还没有在所有版本上进行测试。
为了澄清,我没有对任何:悬停规则进行任何字体大小更改。
我在一个日本网站工作,最近遇到了这个问题。在花费了超出合理的时间之后,我从这些详细的日语文章中找到了答案:
- http://freesoft.tvbok.com/sonota/ie8-fontsize.html
- http://social.technet.microsoft.com/Forums/ja-JP/internetexplorerja/thread/70d700f4-0bda-48b1-9476-d31993b7cbf4/
最上面的链接包括处理它的方法。对于那些不会读日语的人,我会总结一下:
该问题只影响IE8显示使用MS P Gothic
字体(通常是Windows上默认的日语字体)的页面,字体大小在9px到11px之间。与许多IE错误不同,它与浮动/边距/行高等无关。正如Oldie所指出的,这个错误是不一致的,有时它会立即发生,有时会悬停几下,而且它似乎会随机放大/缩小文本。
三种主要解决方案如下:
- 将字体设置为
MS Gothic
或使用font-family
样式的其他日语字体 - 将字体大小更改为
9px
~11px
范围之外的任何字体(在默认的IE8字体设置下,1em
大小的文本不会受到影响,但稍小的文本(如0.8em
)会受到影响) - 通过在标题中添加以下内容,强制IE8将页面显示为IE7:
<meta http-equiv="X-UA-Compatible" content="IE=7" />
我选择了#2,因为MS Gothic
在所有其他MS P Gothic
文本旁边看起来很刺耳,并且觉得#3对我们的网站有明显的缺点。
这不是一个理想的解决方案,但它是有效的。祝你好运。