IE6

1. IE6的前世今生
Putaoshu
2010.11.27

2. 关于我
• Name：刘威(putaoshu)
• QQ：52622505
• Email/MSN：putaoshu@163.com
• Blog：http://www.putaoshu.com/blog/
• Work Unit：gonline & gaiaonline

3. 主题
市场份额>>
原因分析>>
IE6病症>>
消灭IE6>>
BUG列表

4. 浏览器市场份额

5. 2010年浏览器群雄争霸的春秋战国时代
360安全浏览器3.5正式版
IE9
世界之窗4.0搜狗高速浏览器2.2 Maxthon3 Opera10.6.3 Safari5
QQ浏览器5 Firefox4 Chrome8.0

6. 市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
• 国内浏览器使用情况 2010.10.1-2010.10.31
来源: http://data.cnzz.com/main.php?s=brow

7. 市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
• 国内浏览器使用情况 2009.9-2010.10
来源: http://gs.statcounter.com/#browser_version-CN-monthly-200910-201010-bar

8. 市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
• 全球浏览器使用情况 2009.9-2010.10
来源: http://gs.statcounter.com/#browser_version-ww-monthly-200910-201010-bar

9. 国内外差距这么大的原因?

10. 市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
• 中国网民规模与增长率
来源:2010年1月15日，中国互联网络信息中心（CNNIC）发布的
《第25次中国互联网络发展状况统计报告》

11. 市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
• IE浏览器版本历史(Windows操作系统)
来源: http://zh.wikipedia.org/zh-cn/Internet_Explorer

12. • IE6在国内市场份额巨高不下的原因分析
» Windows XP的成功
» Windows Vista推广的失败(集成IE7)
» 盗版很严重(蕃茄花园,深度,雨林木风等等)
» 银行、政府和学校，医院的网站，以及公司的内部的OA,ERP等管
理系统，很多也仅支持IE6
» 基于IE内核的浏览器的成功(360，TT…)
» 其它品牌浏览器在中国推广不理想(Friefox?)
» 用户没有自发升级或更换浏览器这一概念
» 习惯的力量(IE8的多窗口老网民认可吗?)
市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表

13. IE6招谁惹谁了?

14. 市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
• IE6的几大病症
» 不支持PNG24 -->UI的创意因此大打折扣
» 不支持属性选择器，更不支持HTML5，CSS3
» 90%的CSS Hack
» 为了兼容IE6，大大增加了开发成本
» …

15. 消灭IE6

16. 市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
• 消灭IE6
» 2010年3月初，IE6被微软宣布了死刑（停止主流支持）

17. 市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
• 消灭IE6---各方真情告白
» 尊敬的用户，为什么还在用又慢又不安全的IE6？赶紧换一个更加
时髦的浏览器，体验我们网站华丽丽的效果吧！
---前端开发人员
» 对不起，使用IE6是无法浏览我们的网站，请安装一个现代的浏览
器。
--- IT科技站和个人站
» 既然有用户选择使用IE6，那我们就要照顾到他的选择。我们可以
告诉用户，IE6速度慢，IE6不安全，让用户慢慢了解到转换到其
他浏览器的好处；但我们绝对不能夺走用户的选择权。
---支付宝的资深经理叶志坚先生

18. 市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
• 消灭IE6---前端开发人员
» 利用WEB标准开发更炫更酷的产品
» 如果可能，告诉用户这个产品在IE6上体验不够好，也不安全，更
新浏览器体验会更棒，更安全
» 在个人网站和博客上抵制IE6
» 当我们的产品够牛的时候，当用户数量足够多的时候，放弃对IE6
的支持，如Google，Facebook已经开始行动了，我们呢?
» …
» 但这些能成为消失IE6的执行力吗???

19. 市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
• 消灭IE6---几大武器
» 浏览器厂商-->高速模式和兼容模式
» 客户端大牛-->找QQ和360帮忙，3Q搁置争议，联合起来
» 政府机关-->银行，政府类网站放弃对IE6的支持，如建行已经支
持Firefox了
• 消灭IE6---核武器
» Windows7的普及 (浏览器的春天来了)

20. 不要等待，前端人员现在就能做的

21. 市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
• IE6常见Bug列表1
» IE6下png图片透明
» IE6不兼容line-height
» IE6下DIV最小高度
» IE6 中的最大最小宽度和高度
» IE6 Select Bug
» img图片元素有多余空白
» IE6不支持position:fixed
» IE6绝对定位元素的1px间距
» 更多

22. 市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
• IE6常见Bug列表2(haslayout.net)
» Opacity(透明度)
» Partial Click Bug(局部点击BUG)
» Double Margin Bug(双倍margin)
» 3px Gap Bug aka Text Jog Bug(3像素间距bug)
» Negative Margin Bug(负边距)
» Staircase Bug(列表阶梯bug)
» No Auto Margin Center Pseudo-Bug(auto margin无法距中)
» IE6 !important Ignore Bug(不支持!important)
» 更多请进haslayout.net

23. 市场份额>>原因分析>>IE6病症>>消灭IE6>>BUG列表
• IE6常见Bug相关网站
» http://haslayout.net/css/
» http://www.positioniseverything.net/explorer.html
» http://www.gtalbot.org/BrowserBugsSection/MSIE6Bugs/

24. QA

25. 参考网站

26. Thank you