Internet Explorer 8 Beta 版出来之后,就在网上看到有关IE8兼容性不好之说。会引起如菜单出不来,版面错乱,表格不显示,一些JS效果出不来。今天客户说他自己建的一个网站在IE8下菜单全部乱了,上去看到果然如此。
该网页现将是在IE8浏览器下浮动的DIV层全部向下列举出来,应该是嵌套ul,li,div,a后或者是ul,li的相对位置和绝对位置冲突而出现的问题,不管是什么原因造成的,总之就是这个网页完全乱了,而在IE7和IE6下面都是正常的。IE系列的浏览器真是够烦的,但是IE官方也考虑到了这个问题,在地址栏可自己设置兼容模式,其他浏览器也是类似,留出了一个设置兼容模式的按钮,如360安全浏览器,有极速模式和兼容模式切换,推荐的是兼容模式,搜狗浏览器是高速和兼容模式切换。而作为网站的管理员,可以手动添加一句代码,即可完美实现兼容模式。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content=”IE=7″在无论页面是否 包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。
而content=”IE=EmulateIE7″模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模式。
但是一开始的时候我在HEAD区加上这段代码的时候仍然一样,后来再继续尝试的时候才知道什么原因,原来是需要将这段代码放在TITLE和STYLE的前面才能生效的。
IE 9.0,IE 10这些版本都是类似的解决方法。
联系客服