首页 > 代码库 > IE6 Must Die
IE6 Must Die
最近 Twitter 上很多人在推一个名为 IE6 Must Die 的活动, 参与的朋友可以通过头像转换服务在自己的头像上加上一个禁止 IE6 的图标, 很是拉风.
Internet Explorer 6 是曾经浏览器的霸主, 击垮 Netscape 并最终占据 95% 的浏览器市场. 但如今已经功能性能落后, 还需要特殊照顾, 被称为阻碍网络技术向前发展的障碍.
为了推动 IE6 的灭亡, NeoEase 即日起, 会为 IE6 用户进行更新提示, 提示信息会显示在页面的右下方, 每星期一次. 效果如右图所示.
IE6 为何不死?
IE6 久久不离其位当然是有原因的, 根据网上资料与个人总结, 得出以下几点:
1. 普及时间长, 用户已经形成了使用习惯, 甚至形成以偏概全的认知. XP 的成功和长寿让 IE6 成为大家最熟悉的软件之一, 而且 2001 到现在正是网络发展最快速的几年, 很多用户一直只适用 IE6, 他们找不到 Internet Options 菜单项, 无法理解其他浏览器新奇的标签和工具, 甚至认为 IE6 就是网络.
2. 在 IE6 盛行几年间, 很多公司为了节约成本, 开发的应用系统只支持 IE6. 令人称奇的是现在还有很多企业继续生产这样的产品. 系统都做出来了, 现在去兼容吧, 不好意思, 合同没写, 加钱也未必做得到. 推倒重做吧, 不可能! 行, 那公司的所有电脑都必须使用 IE6.
3. 如果你有留意浏览器的市场占有率, 你会发现 IE 各版本的占有率和 Windows 的占有率成正比, 也就是说, 使用 Windows 系统的用户大部分都没有升级或者更换操作系统默认浏览器. Vista 的失败令 Windows XP 和 IE6 有更多的生存空间.
4. 还有一些顽固分子, 可能看着其他浏览器不顺眼或者觉得用旧东西比较酷 (我的某个朋友就经常吹捧他对 Windows 95 的熟悉).
5. 网页设计师和开发工程师, 他们是最大的受害者, 是最想摆脱 IE6 但又不能甩手放弃的.
IE6 为何该死?
IE6 是网页开发人员的噩梦. 他们必须花很多时间和精力去照顾这个老家伙, 所以这帮人很想整死 IE6. 从开发的角度来看, IE6 很该死的.
1. PNG 是一种支持半透明通道的图片, 可以方便的用于设计网页, 制作叠层和其他复杂的页面效果, 但是 IE6 不支持. 用滤镜强行应付会导致浏览器占用超高资源, 并且得不到预想效果.
2. IE6 有自己一套标准的 CSS 样式, 必须写更多的代码去照顾它. (个人认为 IE7 在这方面比 IE6 更糟糕)
3. JavaScript 与 W3C 出入巨大, 连 DOM (Document Object Model) 都不一致, 调用资源的代码也与 W3C 有很大的出入, 程序员被迫在本来就很松散和复杂的 JS 代码上追加很多判断语句.
4. IE6 对于页面控件的处理与众不同, 令人很头痛. 如: select element 的优先度很高会遮挡页面上 DIV 块, 必须 hack. radio 按钮和 checkbox 按钮的样式也无法定义, 很难统一页面风格.
另外, IE6 的安全性, 性能, 功能明显地已经满足不了现在的网络需求. 过两年, 能不能用来上 "饭否" 都难说. 更换浏览器是大势所趋.
加速 IE6 的灭亡
HTML5 筹备已久, Windows 7 呼之欲出, 这是一个消灭 IE6 的好机会. 很多网站纷纷向用户发送更新提示, 希望用户可以升级或者更换浏览器. 还有些网站已经完全不支持 IE6, 要求其访客更换浏览器.
前几天看到一篇文章, 题目好像是 "前端开发人员能支持 IE6 比较牛, 还是拒绝支持 IE6 的比较牛?" 前者认为用户需要尊重, 后者认为兼容是延缓 IE6 灭亡的主要原因. 不管你如何认为, 哪个更牛并无关要, 重要的是尽己所能把 IE6 推下悬崖.
什么?! 你还用 IE6? 换了吧! 我已经将本站使用的提示框做成了一个 Widget, 你可以简单地在 </html> 上添加以下代码将它添加到你的网页上.
代码一:letskillie6
<!--[if IE 6]>
<script src=http://www.mamicode.com/"http://letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>
<![endif]-->
代码二:
<!--[if lte IE 6]>
<div style="background-color:#DDECFF;padding:3px 10px 3px 10px;border-color:#F6F6F6; border-style:solid;border-width:2px;">
<p style="margin:0 auto;width:921px;font-size: 12px;">您好,您目前使用的是旧的IE6浏览器,建议您使用更快、更好用的浏览器,以便获得更好的浏览效果!</br>我们推荐你将IE内核浏览器升级到<a target="_blank" href=http://www.mamicode.com/"http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie-8">IE 8.0,或者使用其它内核浏览器:Google Chrome、Firefox、Opera、Safari。
</div><![endif]-->
效果图:
关于 Let‘s kill IE6 控件更详细的信息请查看以下页面:
http://www.neoease.com/lets-kill-ie6/
==============================================================================================================
就是这么有趣(有一天博客园没有了,我们的文章该怎么办?想啊想~~~)
<!--[if lt IE 8]> <div style=‘ clear: both; height: 59px; padding:0 0 0 15px; position: relative;‘> <a href=http://www.mamicode.com/"http://www.iefans.net/ie9-xiazai-jianti-zhongwenban/">
<!--[if lt IE 8]><style type="text/css">body{margin:0; padding:0}</style><div style="font-size:1.3em;position:fixed;width:100%; height:50px; background:#323436; line-height:50px; color:#8C8C8C;text-indent:20px;z-index:9999;"> 对不起,从此版本开始已经不完全支持IE8及以下版本,请您升级您的浏览器或者使用firefox,chrome,safari,opera最新版本,谢谢!</div><script type="text/javascript">(function(){window.onload=function(){var imgs=document.getElementsByTagName("img");for(var i=0;i<imgs.length;i++){var data_src=http://www.mamicode.com/imgs[i].getAttribute("data-src");if(data_src)imgs[i].setAttribute("src",data_src);}}})()</script>—>
<摘自:http://www.neoease.com/ie6-must-die/&http://www.iefans.net/ie6-kubi-web-shejishi/>
IE6 Must Die