我有一个多语言页面,但只有日语版本有问题。
由于某些原因,在 IE8 中,当我将鼠标悬停在某个元素上时,同级元素的字体大小将会增加/减小。
更奇怪的是,这种情况并不是每次悬停都会发生,有时我无法立即重现,我需要继续将鼠标悬停在页面同一区域的不同元素上。最终这个错误将露出它丑陋的头。
这个bug只出现在日语页面,其他语言似乎都没问题。
这可能会发生在其他版本的 Internet Explorer 上,我尚未在所有版本上进行测试。
澄清一下,我没有对任何 :hover 规则进行任何字体大小更改。
我在一家日本网站工作,最近遇到了这个问题。在花费了超出合理时间的时间后,我从这些详细的日语文章中找到了答案:
- http://freesoft.tvbok.com/sonota/ie8-fontsize.html http://freesoft.tvbok.com/sonota/ie8-fontsize.html
- http://social.technet.microsoft.com/Forums/ja-JP/internetexplorerja/thread/70d700f4-0bda-48b1-9476-d31993b7cbf4/ http://social.technet.microsoft.com/Forums/ja-JP/internetexplorerja/thread/70d700f4-0bda-48b1-9476-d31993b7cbf4/
顶部链接包含处理它的方法。对于那些看不懂日语的人,我总结一下:
该问题仅影响 IE8 使用以下方式显示页面MS P Gothic
字体(通常是 Windows 上的默认日语字体),字体大小介于 9 像素和 11 像素之间。与许多 IE bug 不同,它与浮动/边距/行高/等无关。正如 Oldie 指出的那样,该错误并不一致,有时会立即发生,有时需要悬停几次,而且似乎会随机放大/缩小文本。
三种主要解决方案如下:
- 将字体设置为
MS Gothic
或其他一些日语字体使用font-family
style.
- 将字体大小更改为超出范围的任何内容
9px
~ 11px
范围(默认IE8字体设置下,1em
大小的文本不会受到影响,但稍小的文本(例如,0.8em
)会受到影响)。
- 通过在标题中添加以下内容,强制 IE8 像 IE7 一样显示页面:
<meta http-equiv="X-UA-Compatible" content="IE=7" />
我选择了#2,因为MS Gothic
与其他所有的相比看起来很不和谐MS P Gothic
文本,并认为#3 对我们的网站有明显的缺点。
这不是一个理想的解决方案,但它确实有效。祝你好运。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)