请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物,来参加蓝色理想积分兑换吧! 联系招聘客服 蓝色理想帮你找工作! 万元奖励等你拿——点点网模板设计大赛

查看: 3571|回复: 5

[讨论] IE6和IE7的quirks mode [复制链接]

greengnn 楼主

酒酣几度

荣誉管理 手机认证 

帖子
1367
体力
3521
威望
127
发表于 2008-2-15 14:13:01 |显示全部楼层
加入xml头部声明可以触发IE浏览器的Quirks mode,触发之后,浏览器解析方式就和IE5.5一样,拥有IE5.5一样的bug和其他问题,行为(Javascript)也是如此。

IE6的触发
在XHTML 的 DOCTYPE前加入xml声明
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
复制代码


IE7的触发
在xml声明和XHTML 的 DOCTYPE之间加入HTML注释

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!-- ... and keep IE7 in quirks mode -->
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
复制代码


IE6和IE7都可以触发的

在HTML 4.01的DOCTYPE文档头部加入HTML注释
  1. <!-- quirks mode -->
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
复制代码


监测你的网页当前是那种兼容形态的脚本

  1. javascript:alert(document.compatMode)
复制代码

 提示:您可以先修改部分代码再运行



详情阅读
http://www.satzansatz.de/cssd/quirksmode.html

测试

 提示:您可以先修改部分代码再运行


 提示:您可以先修改部分代码再运行


 提示:您可以先修改部分代码再运行


[ 本帖最后由 greengnn 于 2008-2-15 14:22 编辑 ]
blog Web标准化交流会 WEB标准群:23783439
西部数码顶级域名注册商39元抢注!
karlen 

状元

高级会员 手机认证 

帖子
706
体力
925
威望
2
发表于 2008-2-15 16:32:21 |显示全部楼层
好贴呀,顶搂主,抢个沙发!!!继续研究你那一套...
http://www.mimibaike.com 秘密百科 http://www.css6.com
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

majer 
帖子
411
体力
1399
威望
0
居住地
福建省 泉州市
发表于 2008-2-15 18:38:21 |显示全部楼层
原来如此,怪不得我加了xml头在ie6下一塌糊涂。

。。。。。。

怎么纠正呢???。。。

使用道具 举报

帖子
35
体力
97
威望
0
发表于 2008-3-6 13:04:43 |显示全部楼层
那不用加<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这个头是吗?

使用道具 举报

帖子
35
体力
97
威望
0
发表于 2008-3-6 13:36:21 |显示全部楼层

真是不知道到底问题在哪里!

代码如下:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <link href="style/index2.css" rel="stylesheet" type="text/css" />
  6. <title>无标题文档</title>
  7. </head>

  8. <body>
  9. <div id="header"><!--TOP开始-->
  10.         <div class="hearder_passprot">
  11.                 <div class="p1"><a href="#">注册</a></div>
  12.                 <div class="p2"><label for="userName">用户名</label></div>
  13.                 <div class="p2"><input id="userName" name="username" /></div>
  14.         </div>
  15. </div><!--TOP结束-->
  16. </body>
  17. </html>
复制代码


CSS样式如下:
  1. /*首页样式*/
  2. body,html{margin:0px;padding:0px;border:0px;font-size:12px;font-family:"宋体",arial;color:#000000;text-align:center;}
  3. div,form,img,ul,ol,li,dl,dt,dd{margin:0; padding:0; border:0;}
  4. h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
  5. /*字体属性定义规则小写f加属性名称*/
  6. .fB {font-weight: bold;}
  7. .fI {font-style: italic;}
  8. /* 字体大小*/
  9. .f12px{ font-size:12px;}
  10. .f14px{ font-size:14px;}
  11. /*图像图标*/
  12. .img1{border-style:solid;border-color:#F0852D;border-width:1px;}
  13. /*链接样式*/
  14. a:link{color:#000;text-decoration:none;}
  15. a:visited{color:#000;text-decoration:none;}
  16. a:hover{color:#666;text-decoration:underline;}
  17. a:active{color:#000;text-decoration:none;}
  18. /*登录框*/
  19. #header{width:780px;height:83px;clear:both;margin-left:auto;margin-right:auto;margin-top:0px;background:#ffffff;}
  20. .hearder_passprot{width:780px;height:35px;margin:0 auto;}
  21. .hearder_passprot .p1{float:left; padding:11px 0 0 5px;}
  22. .hearder_passprot .p2{float:left; padding:11px 0 0 5px;}
  23. .hearder_passprot .p2 input{border:1px solid #000; width:50px; font-size:12px;}
复制代码


在IE7和火狐就正常:

到IE6就完全没有应用样式:


这到底是为什么呢?

[ 本帖最后由 fxn9801 于 2008-3-6 13:38 编辑 ]

使用道具 举报

帖子
35
体力
97
威望
0
发表于 2008-3-6 13:56:41 |显示全部楼层
哎.真实苦笑不得啊!原来我样式表里有中文注释.
后来群里的朋友告诉我把注释改成:

/*注释*/改成//注释

就全好了!

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-12 08:48 , Processed in 0.071436 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部