解决IE8下Z-Blog后台管理菜单错位

2009-10-27 - diyidu - zblog相关 - Views

如题！导致后台管理菜单错位的原因是：“后台admin_left.asp文件中，几处<a>标签没有闭合。”彻底的解决办法就是：“闭合a标签，补上</a>保存覆盖即可。”（感谢官方论坛会员nobird 的提醒。）

一些延伸：关于IE8下页面显示错位的问题

由于IE8是一个面向Developer的版本，所以目前许多网站到了IE8上，兼容、显示效果几乎可以用“惨不忍睹”来形容，难道又要花时间去修改CSS、Javascript，以适应IE8？！不用的。这里结合Z-BLOG后台左侧管理菜单错位的问题，谈谈此类问题的解决方案。

首先推荐一个比较好的办法，就是在相关页面（如：admin_left.asp文件）的head中加入如下代码：

<meta http-equiv="X-UA-Compatible" content="IE=7" />

这样可以强迫IE8使用IE7（也可以设置为IE6）的渲染方式，是一个不赖的过渡方案。

=========================华丽的分割线==========================

原理分析：

用一个简单的Meta声明，我们可以指定在IE8中的渲染引擎使用“某IE版本”的渲染方式，例如插入这样一段代码到文档的head区域——

<meta http-equiv="X-UA-Compatible" content="IE=8" />

可以让IE8渲染用最新的标准模式渲染该页面，这个语法也可以扩展到其他浏览器上，如：

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />

=========================华丽的分割线=========================

还有一种解决办法：

1.修改文档类型为Strict 。将代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

改成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd">

2.改完之后如果还不能解决问题，那么只好强制声明了，在</head>结束之前插入代码：

<meta http-equiv="X-UA-Compatible" content="IE=8" />

如果需要工作在IE7 Strict模式下，则改成IE=7。

这样一来，错位的问题就基本解决了。如何查看IE8的工作模式呢，在IEBlog的留言中有解答，执行javascript:alert(document.documentMode);，返回5，说明工作在IE5 Quirks模式下；返回7，说明工作在IE7 Strict模式下；返回8，说明工作在IE8 Standards模式下。

OK，Enjoy it!

关键词 // Z-Blog技巧 IE兼容菜单错位 ie8 浏览器释疑
出处：低一度，链接：http://www.diyidu.cn/post/ie8_jianrong.html

上一篇：如何让div浮现在flash之上下一篇：怎样判定域名是否存有不良记录