前端思考：专注前端开发，关注用户体验 » IE6 http://www.artcss.com 一个像素的距离... Sat, 12 Feb 2011 03:34:07 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 让IE6更快的走向灭亡[转] http://www.artcss.com/archives/569.html http://www.artcss.com/archives/569.html#comments Sat, 06 Feb 2010 09:09:17 +0000 Artcss http://blog.artskin.cn/?p=569 最近关于浏览器的最重要的事情就是IE的极光0day漏洞了，这个漏洞导致包括Google在内的多家美国公司受到黑客的攻击，当然也有很多色情网站被黑客利用，从而使用户受到严重的攻击，而IE6用户首当其冲，成为该漏洞的最大受害者。

其实我们天天在想到底哪一天IE6才会真正死去，但是从2001年发布以来，IE6一直统治着国内的浏览器市场，直到现在还占据着国内50%以上的浏览器市场份额。

但是我想，无论你是普通用户还是网站开发人员或者是国内的浏览器开发者，我们都应该采取一些措施，共同促进IE6的灭亡。

如果你是IE6的忠实用户，请尽快升级你的IE6

给你一个升级IE6的理由？好吧：

  1. 你和你的公司正在受到安全威胁。这个没有更好的理由来反驳了吧？就连国际知名的大公司如Google、yahoo等都因为使用IE6而受到严重攻击，还有哪家公司的IE6不会受到攻击呢？
  2. 世界上各国政府都在建议大家升级浏览器。在IE6的0day漏洞被曝光之后，德国、法国和澳大利亚等国政府纷纷号召国民放弃使用IE6；
  3. 就连微软自己都建议你放弃IE6。微软安全研究与预防博客发文称，IE6受0day漏洞影响最为严重，IE8基本不受该漏洞影响。事实上，微软也不止一次号召用户升级浏览器。
  4. 这不是IE6的最后一个严重安全漏洞。IE6从发布到现在不知道出现过多少严重的安全漏洞，而这次远不是终结，它还有至少144个漏洞！
  5. 微软在2014年之后将不再对IE6提供支持。2014年很久远吗？或者你相信2012年就是世界末日？
  6. IE6对web标准的支持缺乏。IE6的技术还是10年前的，互联网技术经过10年的发展已经能够发生了巨大的改变，网站前端技术在不断进步，更先进的CSS、HTML和Javascript等技术已经能给用户带来更好的体验——而IE6用户将无法体验这些先进的内容。比如，前端观察用到的一些CSS3特性将无法在IE6甚至是IE8中体验到。
  7. 国内的一部分企业开始要求员工升级浏览器。比如腾讯公司，已经要求所有员工将IE6升级到IE7。
  8. IE6太过时了，国外网友大部分都不再使用IE6了。统计显示，目前国外用户已经逐渐淘汰IE6了。IE8和Firefox是主流(via 人民网)。
  9. 国外各大网站开始明确表示将不再支持IE6。比如 Google 将停止支持IE 6 用户必须至少升至IE 7。

(部分参考自：http://mashable.com/2010/01/18/5-more-reasons-why-ie6-must-die/)

如果这几个理由都不够，那么请看国外统计的坚持使用IE6的原因，当然这里有些调侃的意味，如果你正好是其中一种情况，请不要生气 :) ：

当然在国内，坚持使用IE6的用户可能还是因为另外两个原因：

  1. 习惯了IE6的操作方式，不喜欢IE7和其它浏览器的tab式浏览。当然一个人的习惯是最重要的。tab的浏览器方式是谁发明的已经不可考了，不过Opera和Firefox纷纷使用，后来国内的maxthon浏览器也采用了那种方式，然后到06年IE7的时候，也采用了tab的方式。这说明tab是一种很好的浏览方式，高效、方便，不然广大网民早就开始反对这种方式了，而各大浏览器也不会坚持下去了。所以建议你尝试一下新技术，从你的习惯中走出来。
  2. IE6比较快，IE7和IE8太慢了。IE7和IE8的确太慢了，不过新版的Firefox 3.6和Chrome一直是很快的哦。

前端开发人员可以争取放弃兼容IE6

如果你是一名光荣的前端开发人员，希望你能尽可能的做更多的事情来让IE6更快的死去：

  1. 以身作则，自己放弃IE6。从前端观察和其它技术网站的访问统计上看，IE6的用户比例竟然还有30%以上，这让我很震惊。作为一名前端开发者，用IE6做自己的主浏览器，那么你做的网站应该也不会在IE7/8以及其它更先进的浏览器中做测试的吧？
  2. 说服你的BOSS或客户，放弃兼容IE6。有必要为了让网站在IE6中和其它浏览器中表现一直而花掉2倍甚至是3倍的时间和精力吗？我认为对不同的浏览器，可以采取适当的区分——让网站在现代浏览器如Firefox 3.5+、Chrome/Safari和Opera中实现最佳的表现，而在IE中实现相对比较差的界面——当然在不影响布局和功能的情况下。
  3. 号召你的朋友弃用IE6。号召你身边的朋友使用IE7/8或者Firefox、Chrome等浏览器。另外，很多人都有个人博客，可以在自己的博客上号召IE6用户升级他们的浏览器。你也可以参与到众多的促进IE6升级的在线项目中来，比如 webrebuild.org的IE６升级活动以及效果很不错的IE6 Update中。

浏览器厂商应该负更多的责任

想起的一句话：此地钱多人傻，速来！这当然只是笑话。

不过据说现在中国网民数量已经高达3.6亿！而且这个数字还在不断增长。这显然是一个巨大的市场。

所以最近各大公司纷纷涉足浏览器市场，各自都推出自有品牌的浏览器，在Maxthon、世界之窗、腾讯TT、绿色浏览器等混战多年的情况下又出现搜狐浏览器、新浪浏览器和360浏览器。但是它们无一不是以IE为内核的(maxthon和搜狐浏览器有IE和webkit双内核的版本)，没有自己的内核。所以各位网民，不要以为你用了所谓“安全”浏览器你的电脑就安全了，它的内核IE本身都是不安全的，这些外壳浏览器谈何安全——不过有些浏览器会添加一些可以避免你误操作的功能。

对国内的浏览器市场来说，我认为这种“战国纷争”的局面是很不错的，至少能够普及一点儿“浏览器”知识，提高网民对互联网和互联网安全的认识。

但是我认为国内的浏览器厂商应该负起更多的责任。

你们的浏览器产品确实有很多特色，也有很多很有用或者很酷的功能，比较重视中国人的使用习惯。但是当用户因为IE的漏洞而被攻击的时候，你们会承担责任吗？还是将责任推到微软那里？这似乎有些不公平哦～～

对IE来说，最安全的、功能最强、稳定性最好的应该就是IE8了，如果你们能够推动用户去升级他们的内核到最新版，肯定能降低你们要为安全承担的风险。另外，减少一个内核支持也会减少你们的开发和维护支出吧。

总结

让IE6退出历史舞台，不是一朝一夕的事情，用户的惰性让他不愿意主动去升级，微软的浏览器升级模式又那么古老（而Firefox的提示升级和Chrome的后台自动升级模式倒省去了不少麻烦）。所以我们只有靠自己的力量来推动IE6的灭亡了。

转自：http://www.qianduan.net/let-ie6-faster-dead.html

]]> http://www.artcss.com/archives/569.html/feed 3 IE6下，png透明最好的解决方案 http://www.artcss.com/archives/294.html http://www.artcss.com/archives/294.html#comments Tue, 29 Sep 2009 16:33:00 +0000 Artcss http://www.artskin.cn/blog/?p=294 透明png（准确的说是png-24）图片在网页上的应用，可以做出各种特效，使网页变得更加漂亮!

现在大部分浏览器都支持png透明，要命的IE6，却不支持！怎么办呢？从网上一搜，IE6下的png透明的解决方法有好多，自己以前也试过好多方法，有的只能背景透明，有的只能图片透明，而且背景透明的必须要给需要透明的图片指定宽和高，不能背景平铺，也就不能使用background-position属性，这使用起来就很不方便。

最后，我找到了一种方法，上边的那些问题都能解决，而且使用起来也非常方便，所以极力推进给大家。

这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的是AlphaImageLoader滤镜.

这种方法就是借助DD_belatedPNG，它不仅支持backgrond-position与background-repeat.同时还支持focus和a:hover属性,以及img的透明

使用方法

1.在这里下载DD_belatedPNG.js文件.

2.在网页中引用,如下:

Download script.js
1
2
3
4
5
6
7
8
9
10

<!--[if lte IE 6]>
<script type="text/javascript" src="http://www.artcss.com/js/dd_belatedpng.js"></script>
<script type="text/javascript">
  DD_belatedPNG.fix('.png_bg,img');
  /* 将 .png_bg 改成你应用了透明PNG的CSS选择器*/
</script>
<![endif]-->
/*页面中这样写：*/
<img src="xxx.png" />
<div class="png_bg"></div>

3.有2种调用函数,一种是DD_belatedPNG.fix(),如上代码.另一种是fix(),这中方法需要在函数内指出css选择器名.

官方地址:

http://www.dillerdesign.com/experiment/DD_belatedPNG/

请看下边实例

提示：你可以先修改部分代码再运行。

经典应用实例：

http://www.hxsd.com/news/zhuantipindao/090917sheying/

]]> http://www.artcss.com/archives/294.html/feed 1 探究IE6的几个奇怪的问题（一） http://www.artcss.com/archives/232.html http://www.artcss.com/archives/232.html#comments Thu, 24 Sep 2009 15:49:23 +0000 Artcss http://www.artskin.cn/blog/?p=232 前两天在做页面时发现了一个奇怪的问题，就是IE6在写列表时，如果给ul定了padding-top值以后，当li换到下一行时，ul上的padding-top值就会在第二行的li上生效，一开始我还以为在IE6中li继承了ul的padding之呢，但是不应该呀！

可能文字表达不好，直接上例子和截图吧。

问题的出现：

提示：你可以先修改部分代码再运行。

这段代码在Firefox3和IE8里边显示正常，是这样的：

firefix

但在IE6下边却是这样：

ie6

ie7不会撑开父级高度，这样显示：

ie7

经过多方打听，终于找到了解决方法，这里IE6的两个问题：

一、是双倍边距，这个大家都很熟悉，用display:inline就可以解决；

二、另一个padding-top是经一个网名叫“糖糖”的网友提醒，加了zoom:1解决的，应该是IE的hasLayout Bug

下面是最佳解决方案：

提示：你可以先修改部分代码再运行。

最后终于解决了，哈哈，大家也可以这样试试！

]]> http://www.artcss.com/archives/232.html/feed 0