公告

更新

 

互联网 JS控件 按钮 黑色 灰色 白色 蓝色 绿色 黄色 橙色

> 解答 > 网页问题

div css 关于IE8里的"兼容性视图"问题的解决方法
0
作者:vip_260     来源:未知     日期:2009/11/2 17:26:04     人气:      标签:

div css 关于IE8里的"兼容性视图"问题的解决方法

       微软的IE8测试版本出台,不少新最求潮流的朋友就迫不及待的升级IE8,这给网页设计师带来了麻烦,辛辛苦苦的解决了IE6 IE7 的兼容问题,IE8下,兼容又乱了

  就此问题笔者研究了新浪的网站,发现 老牌门户就是老牌门户,做的非常全面,下面就看下他们是怎么做的
  meta: http-equiv=X-UA-Compatible IE=EmulateIE7
  
  meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
   meta http-equiv="Content-Language" content="gb2312" /
   meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /
   meta name="robots" content="all" /
   meta name="googlebot" content="all" /
   meta name="de script ion" content="div css_table css_flash广告_网页特效" /
   meta name="keywords" content="div css_table css_flash广告_网页特效 www.v404.cn" /
   META name="copyright" content=www.v404.cn /
  
   上面标签中的X-UA-Compatible,是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含!DOCTYPE指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循!DOCTYPE指令。对于多数网站来说,它是首选的兼容性模式。
  
   目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:
  

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

   这样我们才能使得页面在IE8里面表现正常!

其他小集锦

一种在客户端解决

其实解决方法很简单。用IE8浏览器打开你的网站,如果发现错位问题,请不用惊慌。在菜单栏上,打开“工具”选项,在下拉菜单里找到“兼容性视图”,勾选上,你再看,是不是网站没再错位了。

二网站本身解决

IE8对margin:0 auto;这个CSS好像不再有用了,页面不能居中啦,下午回来再看看有什么办法居中,太平洋的前端也说他们公司无视IE8的存在,测试还是以前的版本。
原因找到啦,我把margin:0 auto;写在了body标签中,IE7以下都可以居中,IE8就不行,解决办法是,把这代码写在div大框架中就可以了。

百度搜索的资料:

程序代码

<style type="text/css">
body{text-align:center;width:100%;}
#wrap{
text-align:left;
width:560px;
margin:0 auto;
border:1px solid #333;
background-color:#ccc;
}
</style>
<div id="wrap"> 在所有浏览器中都有效的方法: <pre> 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法:
</pre>
</div>

到此关于div css IE8里的"兼容性视图"问题就解决了

Copyright 2008 网站频道 All Rights Resverved.
提供:网页特效 JS广告 网站截图 酷站推荐 交流群:3506863
     页面执行时间0.0625秒 查询数据库4次