准标准模式和标准模式之间的差别-2(旧文首发)

准标准模式和标准模式之间的差别

发表于 2011 年 09 月 07 日 由 htmlmode

（以前博客的备份，不改了，当是一个纪念，现在博客也可以打开，但是无文章，放demo用）

接着上篇,先来看看标准模式和准标准模式的区别:

来自火狐开发者中心的解释

“Almost standards”渲染模式和”standards”模式的所有细节一摸一样，除了一个：图像在表格单元内的布局处理方式，和Gecko’s核心的 “quirks” 模式一样，如IE。这意味着表格内的图像切片布局在基于”Gecko”核心渲染引擎的浏览器（如Mozilla 1.0.1及其新版本的”quirks”或者”almost standards”模式）下不太可能崩溃。”

为了验证这个差别,如是自己写了个简单demo,结果如下:

1.准标准模式:全部浏览器一致,像素差2px;

2.标准模式:标准模式,标准浏览器有6px像素差(ie8是5px),ie6|7为2px;

3.xml头(quirk模式)，没有doctype:只有ie8保持5px像素差,其他全部一致相差2px;

al标准模式,全部浏览器一致

标准模式,标准浏览器一致(只有ie8相对于其他少1px)

标准模式ie6|7 2个图片贴近

解决办法就是给图片添加样式:display:block;

另外附上各种文档类型以及模式测试的demo 来自hixie.ch