Life Studio » IE8 http://wange.im My Life, My Studio... Fri, 20 Jan 2012 01:49:17 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 IE8 背景图片错位现象 http://wange.im/background-image-dislocation-in-ie8.html http://wange.im/background-image-dislocation-in-ie8.html#comments Thu, 02 Jul 2009 23:57:02 +0000 万戈 http://wange.im/?p=1230 这篇文章只是提出问题，而不是解决问题。

自从微软推出 IE8，自从我无意升级到 IE8，自从我的 WordPress 在 IE8 下不兼容，和 IE8 的斗智斗勇就这样开始了。说到底，不只是和 IE8 斗智斗勇，而是和整个 IE 系列斗智斗勇。且不说 IE 和其他浏览器的水火不容，就连 IE 本身的各版本都互不兼容，总是把站长们折磨地死去活来。无奈啊，微软至今是业界的龙头老大，游戏规则他说了算，我们只能遵守 IE 的游戏规则，否则就 OUT ！刚升级到 IE8 时我写过一篇《一招简单解决IE8兼容问题》，当时还真是一招解决了 IE8 的兼容问题，不过时隔不久，IE8 又给我带来新麻烦了。

在 IE8 下我的 WordPress 整个背景图片都错位 1px 左右，虽然是很小的错位，但是整体看上去就很离谱。因为我之前已经将背景图片整合成一张大图了，整体错位 1px，导致边边角角线线都露出来了，很别扭。可奇怪的是，在 IE6、IE7、Firefox 这些主流浏览器下却显示很正常。更奇怪的是，我用 IETester 的 IE8 模式下测试，居然又没有错位的现象了，被 IE8 彻底整糊涂了。

有问题不可怕，可怕的是不能解决问题。我搜了很多 IE8 兼容性方面的资料，得出一个结果是，IE8 下的文本框有缺陷。我看了下本站的首页，只有搜索框这一个文本输入框，于是我在 header.php 里去掉了调用 searchform.php 的函数，也就是说去除了首页唯一的文本框，可是在 IE8 下还是会有图片错位的现象。要解决问题就得先找到原因，可是现在我都不知道这莫名的错位是怎么引起的，为什么在 IETester 下的 IE8 却安然无恙呢？

和 Firefox 相比，IE 系列真是糟糕透了，这次 Firefox 升级到 3.5 后，无论是速度、安全、操作等各方面都有了显著的提升和改善。而 IE8 呢？只是给站长们带来了无尽的痛苦，要不是为了满足众多被因垄断而使用系统预装 IE 的广大用户，我才懒得理 IE8 是不是升级呢。

说了一大堆P话，重点在最后这句。拜托各位有 IE8 的朋友帮忙测试下，小站在 IE8 下是否有 1px 背景图片错位的现象（头部 Logo 左侧是否有条竖线，有就是错位了，在 IE6、IE7和 Firefox 下没有这条因错位而出现的竖线）？另外，有什么高招可以解决这个错位现象呢？在此先谢过各位。

]]> http://wange.im/background-image-dislocation-in-ie8.html/feed 21 一招简单解决IE8兼容问题 http://wange.im/simple-trick-to-solve-the-compatibility-issue-in-ie8.html http://wange.im/simple-trick-to-solve-the-compatibility-issue-in-ie8.html#comments Sat, 23 May 2009 03:44:23 +0000 万戈 http://wange.im/?p=748 我常用的浏览器是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规定的标准模式，那就要你用用脑动动手了。

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

]]> http://wange.im/simple-trick-to-solve-the-compatibility-issue-in-ie8.html/feed 43