除了对 WordPress 速度上有着极其苛刻的优化洁癖外,我还对 WordPress 主题在各浏览器下的兼容性有着严格的要求,至少要在主流浏览器中显示一致的效果。Opera 浏览器虽还没有占据主流浏览器的地位,但至少已经不再是当年的小众浏览器了。所以为了照顾到用 Opera 浏览器访问小站的用户,我今天特意去下载了 Opera 测试小站的兼容性。不测不知道,一测吓一跳,我的 WordPress 在 Opera 下还真有错位的现象,而且错位地非常离奇,甚至没有找到导致错位的原因。
我的 WordPress 在 IE 各版本和 Firefox 下已经被我调教地基本一致了,所以这次错位只区分于 Opera 浏览器和非 Opera 浏览器,问题出现在首页位置侧边栏的“网上邻居”版块。
先看正常显示的非 Opera 浏览器下的“网上邻居”版块截图:

再看错位显示的 Opera 浏览器下的“网上邻居”版块截图:

浏览器不兼容导致的错位,大多数是因为 CSS 的不兼容引起的,所以开始我以为这一定是 Opera 不能识别某个选择器吧,查了半天没找到可疑的地方,而且灵异之处在于同样是右边栏的“日志归档”,和“网上邻居”用的是同一个选择器,同样的嵌套深度,居然日志归档版块在 Opera 下完全正常,请看 Opera 下的截图:

本是同根生,凭啥网上邻居错位而日志归档就正常显示呢?难道是网上邻居中的字符太多,超出限宽?于是我又给 ul 限了高宽,然后超出部分隐藏,结果依然如此。改样式不行我就改 HTML,我又把超出六个中文字的友链名称都缩减到了四个中文字,错位问题还是得不到解决……这个问题棘手了,我都不知道从哪里下手好,还请各位帮忙测试一下,能提供解决方案的那就最好啦~
本来想把这个问题提交到 WordPress 中文论坛,这个论坛还是有些人气的,但是因为每次我有问题提交到这个论坛,总是没有人能回答我的问题,所以还不如在日志中写出来,我想这样能看到问题的也有不少人吧,像上次困扰了我很久的 feedsky 不能正常输出的问题,就在日志发表后的第二天就解决了。我相信博友的力量是强大的,先谢过各位了。
10.10 Update:问题已解决,感谢各位童鞋的友情测试、倾情帮助还有宝贵意见,尤其是要感谢Betty一语道破天机。原来前段时间重装了系统,将 Vista 换回了 XP,所以默认的微软雅黑字体没有了,在 XP 下才会有侧边栏错位的幻觉,难怪好多博友都说小站在 Opera 下没有错位,搞的我好郁闷。听了Betty的意见,我下载安装了微软雅黑字体,在 Opera 下就显示正常了,再次感谢大家!
-
万戈大战浏览器众2009年10月12日 -
拿起武器,将 IE6 收归帐下2009年09月1日 -
IE8 背景图片错位现象2009年07月3日 -
Wordpress之终极Gzip兼容IE62009年06月11日