IE6死后即将大快人心的10件事
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 吧 - 译者。
延伸阅读
不必再写一大堆规则在某个对象的子对象中筛选,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 吧 - 译者。
延伸阅读
2002年以来的浏览器市场演义
本文国际来源:http://www.sitepoint.com/blogs/2009/04/14/10-cool-things-well-be-able-to-do-once-ie6-is-dead/
中文翻译来源:COMSHARP CMS 官方网站"
没有评论:
发表评论