2009年4月16日星期四

IE6死后即将大快人心的10件事

IE6死后即将大快人心的10件事

matrix 发表于 2009年4月16日 10时02分 星期四   Printer-friendly   Email story
来自在线银行何时支持非IE非Win部门
COMSHARP CMS 写道 "很多人以为IE6已经死了,也许只有设计师这样认为,现实世界中IE6的使用者大有人在,不过不会维持很久,IE8已经推出,微软对IE8的推广不遗余力,同时,不少人从IE转到别的浏览器,总有一天,IE6会被弃之如敝履,没有人愿意再提起,那时,有10件事会大快人心。
1、使用 CSS 2 的 child 选择器

不必再写一大堆规则在某个对象的子对象中筛选,CSS2 的子选择器(child selectors)可以选择某个对象下直接的子对象。

2、放心使用 24 位 PNG 图片(透明不再是问题)

不必象以前那样在不同背景方案下设计不同的图片边缘反锯齿方案,使用 PNG 的 Alpha 通道,我们可以用图片实现阴影,眩光以及透明效果。

3、使用属性选择器

不必再写类似 input class="text" /> 一类的代码,告诉浏览器当前输入框使用什么式样类,CSS2可以直接选择 HTML 对象的属性,如 input[type="text"],我们甚至可以使用 CSS3 的子字符串匹配属性选择器,匹配我们希望选取的对象,可以在那些使用类似 CSS 类的地方大大减少代码量。

4、可以使用更多 display 类型

可以使用类似 display:inline-block 的代码,这样就不会再出现嵌套的 float:left 一类的混乱,也不必再举棋不定地使用 overflow:hidden 一类的定义。(不过要等到 Firefox 3 出来)

5、使用 min-width 和 max-width

尽管 IE6 对 width 的实现很接近正确的 min-width,但总是不一样。而且没有涉及到 max-width,随着 IE6 的消失,一种新的基于 block 的布局方式将复兴,这种布局将更加灵活。

6、扔掉90%的 CSS Hack

不必再担心诸如幽灵字符神秘消失的 block,以及令人沮丧的双 margin 一类的 BUG,也不必再为这些 BUG 写专门的 Hack。

7、大胆使用缩写(abbr>)标签

尽管不是人人用得着这个标签。

8、可以大胆相信 z-index 了

不必再为层间错误的堆叠次序抓耳挠腮,我们并没做错什么,这是IE6堆叠BUG引起的。

9、省钱省时间

那些 IE6 Hack 花了我们不少时间和成本。

10、再次找回 Web 设计的快乐。

写 CSS 将是一种快乐,因为浏览器会按照你想的样子来,不过 IE7 什么时候消失?

有三件事,我们还得等等(直到IE7消失)

1、使用 CSS 计数器

我们不必再使用那个不被推荐的 start 属性。

2、使用 box-sizing 属性

CSS3 的 box-sizing 在 IE8和其他浏览器都可以使用,最终,我们可以自行选择使用哪种 box 模型。

3、改进的 JavaScript

对 javaScript 我们还有很多改进的空间,一个简单的事件监听机制,对合并后的 CSS 属性的获取(可靠的获取),这些 IE7 还有很多缺陷。IE8 对 JavaScript 引擎做了较大的改进。

IE6 具体消失的日子还很难讲,尤其国内,至少要留出时间让我们的几大银行重新编写 ActiveX 吧 - 译者。

延伸阅读

别了,亲爱的 IE6

DIV + CSS 神话

2002年以来的浏览器市场演义

本文国际来源:http://www.sitepoint.com/blogs/2009/04/14/10-cool-things-well-be-able-to-do-once-ie6-is-dead/
中文翻译来源:COMSHARP CMS 官方网站"

没有评论: