一招简单解决IE8兼容问题

我常用的浏览器是FireFox和IE7。FireFox其强大的功能自不用说,是我的首选;IE7乃微软老大的产物,也没话说,有时候不用也得用!

Jutoy向我推荐过一个名为IETester的软件,称其为网页制作者测试网页必备。试用之后感觉这玩意确实是好东西,可以让IE5.5/IE6/IE7/IE8 beta 2共存,那时我才发现我的小站在IE8下居然有两个header,挺头晕的。但是很快就找到了症结之所在,不过要修改起来很麻烦,也就暂时搁置了。因为我抱着侥幸的心理认为用IE8浏览器的人不会很多吧,据我了解很大一部分用户还在用IE6的浏览器呢,很有坐井观天的味道。

明日复明日,终于有一天,我不当心安装了微软的自动更新程序,其中就有一个IE升级包,我还没仔细看就把IE7升级到了IE8 beta 2。这一升不要紧,当我每次用IE打开自己的网站时就看到有两个header,特别别扭,就不得不动手修正一下了。微软真是欠考虑,为什么每次IE升级都不能自动兼容上一任的IE呢?

如果要改就不只是改CSS的问题了,还要用Fireworks分割头部背景,我懒,也就是当时我为什么将其搁置的原因。我就在想,有没有兼容IE8的CSS Hack,后来我在IE8的“工具”中找到“兼容性视图(V)”这一选项,选中之后我的网站就能正常显示了,但我不能每次都靠这一功能来解决错位变形问题啊。那这个“兼容性视图(V)”的工作原理是什么呢?其实超简单,就是在<head>中加入<meta http-equiv="X-UA-Compatible" content="IE=7">,就是忽悠网站让其误认这是IE7的浏览器,当然前提是你的网站在IE7下显示正常。

如果你和我一样,不鸟W3C规定,只要网页正常显示,那就在header.php的meta信息中多加入上面一条简单的代码就可以搞定了。但话说回来,这毕竟是治标不治本的小手段,如果想要用IE8严格按照W3C规定的标准模式,那就要你用用脑动动手了。

以上只是自己的一些小心得,如果有说错的地方,请各位老鸟指正。

  1. 太崇拜了!我的也是两个header,我google解决方案,结果又来到这里了。。
    我用了你说的治标不治本的方法,但还是心里不爽

    • 小智同学,贵站重定向之后没有我的链接,所以不好意思了,我把贵站的链接也删了,如有异议,可以给我留言

  2. 还是遵守标准比较好,我的之前IE6是好的,现在不知怎么IE6下,边栏掉下去了,郁闷,话说现在来我站的很少用IE6,所以不想管他了。

  3. 我也是刚开博的时候就有人反馈说IE6下模板崩了,才想到去找这么个IETester,发现的确是个好东西,我现在主要是用Firefox和Chrome了~~只有在网购的时候才会想到IE。