先看一下下面的视频（由于截屏软件录不了这个效果，只好拿手机录了）。

在视频里，我们很清楚得看到，白色的浮动层被快速的滚动切割成两半。

重现的代码片段：

<!--带 overflow-x:hidden 或则 overflow-y:hidden 的长条-->
    <div style="width:300px;height:3000px;border:1px solid #333;background:#ccc url(http://www.iecool.cn/uppic/2007-3-27/206499575_2.jpg);overflow-x:hidden"></div>

    <!--带 button 的 position:fix Div-->
    <div style="position:fixed;width:200px;height:100px; left:200px;top:200px;border:1px solid #000;background:#fff;padding:6px">
        <!--一个 button-->
        <button id="button1">我是button</button>

        <!--一些开关--><br/><br/>
        <a href="#" onclick="document.getElementById('button1').style.display = '';return false">显示按钮</a>
        <a href="#" onclick="document.getElementById('button1').style.display = 'none';return false">隐藏按钮</a>
</div>

两个 div ，其中不浮动的div，只要设置了overflow-x 或 overflow-y 的hidden属性，然后另外一个div设置成浮动，并且其html带一个 button 标签。就会让firefox在渲染上出现问题了。

看在线的演示，请用firefox 3.0以上任何版本，快速滚动滚动条。

Google Chrome 3.0.190.4 版本中，终于把webkit的脚本调试器移植到开发者版本了。

Dev channel: http://www.google.com/chrome/eula.html?extra=devchannel

不过很可惜的是，数据库的调试功能没有了。

另外，目前调试器还不太稳定，经常出现crash的情况。特别是在做profiles性能测试的时候。

当然了，如果调试过程中遇到什么问题和bug， chrome团队也很欢迎大家提出问题。

呵呵，这下IE8不能说只有自己自带调试器了。

怀疑自己真的有点图标控- -!  分享一批来自 smashing magazine 推荐的图标吧。

猛点击下面的链接:

>>> 50 Fresh Useful Icon Sets For Your Next Design <<<

部分图标截图:

不过这个功能对比图也实在够ＹＹ的。

http://www.microsoft.com/windows/internet-explorer/get-the-facts/browser-comparison.aspx

我们简单来分析看看。

表格中只对比图上之对比了三种浏览器。。。safari去哪里了？Opera去哪里了？

我们再一条一条地分析。

Security: Internet Explorer 8 takes the cake with better phishing and malware protection, as well as protection from emerging threats.

安全性这个不否认，ＩＥ的确做得不错。

Privacy: InPrivate Browsing and InPrivate Filtering help Internet Explorer 8 claim privacy victory.

我记得最早有隐私模式的并不是ＩＥ把。safari和Ｃhrome很早就有该功能了。

Ease of Use: Features like Accelerators, Web Slices and Visual Search Suggestions make Internet Explorer 8 easiest to use.

其实我觉得加速器挺烦的。用户体验因人而异

Ｗeb Standards: It's a tie. Internet Explorer 8 passes more of the World Wide Web Consortium's CSS 2.1 test cases than any other browser, but Firefox 3 has more support for some evolving standards.

IE说他符合了web标准，其他浏览器笑了。不过ＩＥ８还是中肯得说，的确做了很多努力。

Developer Tools: Of course Internet Explorer 8 wins this one. There's no need to install tools separately, and it offers better features like JavaScript profiling.

好意思说么？或许这是没把safari放进来的原因，如果把safari也对比以下，这条“优势”估计又没法写了。

Reliability: Only Internet Explorer 8 has both tab isolation and crash recovery features; Firefox and Chrome have one or the other.

这个得益于多进程，但是多进程的浏览最早也是Chrome带来的先进理念。

Customizability: Sure, Firefox may win in sheer number of add-ons, but many of the customizations you'd want to download for Firefox are already a part of Internet Explorer 8 – right out of the box.

又爱又恨的ActiveX，至今留在 navigator.plugins 为空白就是最好的不标准证明。（标准的控件安装后，是多浏览器共享的，记得我们的flash安装么？）

Compatibility: Internet Explorer 8 is more compatible with more sites on the Internet than any other browser.

个人观点，这个其实挺贬义IE的。的确，IE8能够兼容最多的站点。那是因为ＩＥ埋下了不兼容的种子，只有自己兼容了。而且IE8把兼容和不兼容的站点都统统兼容了，也当之无愧得说more compatible with more sites...但是也暗示着IE坎坷的未来。一个如此庞大的兼容系统。如何能够更好得维护和提升性能？

Manageability: Neither Firefox nor Chrome provide guidance or enterprise tools. That's just not nice.

这个IE做得很好，提供了不少给企业定制的工具。

performance:　Knowing the top speed of a car doesn't tell you how fast you can drive in rush hour. To actually see the difference in page loads between all three browsers, you need slow-motion video. This one’s also a tie.

这个曾经微软也过一份页面加载完成时间的对比的表格。表格中显示，IE加载完成时间很快哟。不过这个远远不够，很多方面的性能测试，ＩＥ都是落败的。而且这个表格的测试标准也没有说法（页面加载完成时间通常有很多因素决定），不排除自己ＹＹ的嫌疑。

不过，看到这个张表格，实在为ＩＥ的前景堪忧。

摘抄一段翻译:

IE6：喂! 你们! 为什么总不让我一起玩!
SAFARI：滚回家去，IE6!
OPERA：对啊，你经常把我们最酷的玩意儿弄坏!
FIREFOX：我都不敢相信你和那厮有瓜葛，IE7!
IE7：我靠，别哪壶不开提哪壶!

QZFL是团队自己开发的一个框架库。 做一张壁纸练练手，不过fireworks在处理模糊和大面积渐变的时候还真的比较吃力，效果还不好。 也只能怪自己没好好学PS了。

简译:  PuterJam

Typetester

一个在线对比字体的工具，可以很直观得看到不同字体的差异

pForm

创建HTML表单的工具，能在瞬间创建很美观的表单，并输出html代码

ColourLovers

在线的调色板工具，你能够搜索到很多配色方案或提交你的配色方案

Firebug

无所不能的firebug，不多介绍了

HTML Entity Character Lookup

HTML 实体 查询工具

960 Grid System

960 是个神奇的数字，960 是横向尺寸，960 网格系统是能够让设计师快速创建网页原型的辅助系统。可以比喻成网页的黄金分割线

Em Calculator

EM换算器～ ，可以把像素换算成 em 单位。

Browser Shots

多浏览器截屏工具，可以提供多个平台，不同浏览器的页面截屏效果

Icon Finder

还在为找图标发愁么，一个不错的图片搜索工具。

WhatTheFont

当你图片里看到一个好看的文字而不知道字体名称时，可以用它来帮你分析字体类型

MeasureIt

firefox插件，可以在页面上显示一个尺子

ColorZilla

同样是firefox插件，可以在页面上取色，前端开发必备

Pingdom

一个在线的抓包工具

Test Everything

Test Everything 提供了很多测试工具来测试你的站点。从css html 到seo ，从网络工具到优化应有尽有。

CSS Sprite Generator

样式精灵，这类工具很多了，就是把图片分割并且输出成css

Web Developer Toolbar

也是一个非常强大的web开发工具。

Domainr

域名查询工具，很方面查询域名的使用情况，并且给出未注册域名的建议。（需要翻墙）

Font Burner

字体查询工具，并且提供在线的字体解决方案。仅限英文。

Smush.It

图片优化工具，能够优化你的图片尺寸

Load Impact

可以模拟不同地区的用户访问你的站点的情况。并且以图表的情况反馈结果。

JSON

JSON 是一个很好的native json parse接口，但是在IE8下，我们到页面如果是IE7模式，或则兼容模式，将无法使用JSON.parse接口来parse json 字符串。

Getter/Setter

当然，IE8一个很好到特性是getter和setter到支持，也无法在上述的环境下使用。

Obejct.defineProperty(/*object*/,/*string*/,

  {

   set:/*function*/,

   get:/*function*/

  }

)

document.querySelector

这是个非常棒的对象选择器，但是很可惜，我们同样无法在IE7的兼容模式下使用~~~

上面提到的接口，必须在以下模式才能使用。

不知道你还能发现其他在IE8兼容模式下不能使用的接口吗？

更新完成后，不需要再找什么汉化补丁了，界面直接汉化了。不过4.0正式版取消了Chrome方式的tab栏，有回到了以前3.0方式的tab，找不到切换的设置。

另外设置里可以设置数据库的存储空间（舜子不记得beta版有没有这个设置了），数据库默认是5M，最大是500M。和flash的shareObject一样，超过了是要向用户申请的。

显示数据库可以看到每个域名的数据库使用情况

另外，开发者工具也进行了本地化，看起来是不是很体贴？：P

09年，我们论坛可爱的斑竹们再次行动起来，组织 『 2009 第二届PJBlog暑期文化衫设计大赛』 ，有兴趣的朋友可以到论坛去提交您的作品即可，奖品丰厚哟。

还有~~ 这次的比赛支持原创，期待您的原创作品哈

另透露一下一等奖的奖品

我要参加