IE6 死后即将大快人心的10件事 很多人以为IE6已经死了,也许只有设计师这样认为,现实世界中IE6的使用者大有人在,不过不会维持很久,IE8已经推出,微软对IE8的推广不遗余力,同时,不少人从IE转到别的浏览器,总有一天,IE6会被弃之如敝履,没有人愿意再提起,那时,有10件事会大快人心。
使用 CSS 2 的 child 选择器
不必再写一大堆规则在某个对象的子对象中筛选,CSS2 的子选择器(childselectors)可以选择某个对象下直接的子对象。
放心使用 24 位 PNG 图片(透明不再是问题)
不必象以前那样在不同背景方案下设计不同的图片边缘反锯齿方案,使用 PNG 的 Alpha通道,我们可以用图片实现阴影,眩光以及透明效果。
使用属性选择器
不必再写类似 <input class="text" />一类的代码,告诉浏览器当前输入框使用什么式样类,CSS2可以直接选择 HTML 对象的属性,如input[type="text"],我们甚至可以使用 CSS3 的子字符串匹配属性选择器,匹配我们希望选取的对象,可以在那些使用类似CSS 类的地方大大减少代码量。
可以使用更多 display 类型
可以使用类似 display:inline-block 的代码,这样就不会再出现嵌套的 float:left一类的混乱,也不必再举棋不定地使用 overflow:hidden 一类的定义。(不过要等到 Firefox 3 出来)
使用 min-width 和 max-width
尽管 IE6 对 width 的实现很接近正确的 min-width,但总是不一样。而且没有涉及到 max-width,随着 IE6的消失,一种新的基于 block 的布局方式将复兴,这种布局将更加灵活。
扔掉90%的 CSS Hack
不必再担心诸如幽灵字符,神秘消失的 block,以及令人沮丧的双 margin 一类的 BUG,也不必再为这些 BUG 写专门的Hack。
大胆使用缩写(<abbr>)标签
尽管不是人人用得着这个标签。
可以大胆相信 z-index 了
不必再为层间错误的堆叠次序抓耳挠腮,我们并没做错什么,这是IE6堆叠BUG引起的。
省钱省时间
那些 IE6 Hack 花了我们不少时间和成本。
再次找回 Web 设计的快乐。
写 CSS 将是一种快乐,因为浏览器会按照你想的样子来,不过 IE7 什么时候消失?
有三件事,我们还得等等(直到IE7消失) 使用 CSS 计数器
我们不必再使用那个不被推荐的 start 属性。
使用 box-sizing 属性
CSS3 的 box-sizing 在 IE8和其他浏览器都可以使用,最终,我们可以自行选择使用哪种 box 模型。
改进的 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 官方网站 转自:http://blog.csdn.net/comsharp/archive/2009/04/16/4083181.aspx
使用 CSS 2 的 child 选择器
不必再写一大堆规则在某个对象的子对象中筛选,CSS2 的子选择器(childselectors)可以选择某个对象下直接的子对象。
放心使用 24 位 PNG 图片(透明不再是问题)
不必象以前那样在不同背景方案下设计不同的图片边缘反锯齿方案,使用 PNG 的 Alpha通道,我们可以用图片实现阴影,眩光以及透明效果。
使用属性选择器
不必再写类似 <input class="text" />一类的代码,告诉浏览器当前输入框使用什么式样类,CSS2可以直接选择 HTML 对象的属性,如input[type="text"],我们甚至可以使用 CSS3 的子字符串匹配属性选择器,匹配我们希望选取的对象,可以在那些使用类似CSS 类的地方大大减少代码量。
可以使用更多 display 类型
可以使用类似 display:inline-block 的代码,这样就不会再出现嵌套的 float:left一类的混乱,也不必再举棋不定地使用 overflow:hidden 一类的定义。(不过要等到 Firefox 3 出来)
使用 min-width 和 max-width
尽管 IE6 对 width 的实现很接近正确的 min-width,但总是不一样。而且没有涉及到 max-width,随着 IE6的消失,一种新的基于 block 的布局方式将复兴,这种布局将更加灵活。
扔掉90%的 CSS Hack
不必再担心诸如幽灵字符,神秘消失的 block,以及令人沮丧的双 margin 一类的 BUG,也不必再为这些 BUG 写专门的Hack。
大胆使用缩写(<abbr>)标签
尽管不是人人用得着这个标签。
可以大胆相信 z-index 了
不必再为层间错误的堆叠次序抓耳挠腮,我们并没做错什么,这是IE6堆叠BUG引起的。
省钱省时间
那些 IE6 Hack 花了我们不少时间和成本。
再次找回 Web 设计的快乐。
写 CSS 将是一种快乐,因为浏览器会按照你想的样子来,不过 IE7 什么时候消失?
有三件事,我们还得等等(直到IE7消失) 使用 CSS 计数器
我们不必再使用那个不被推荐的 start 属性。
使用 box-sizing 属性
CSS3 的 box-sizing 在 IE8和其他浏览器都可以使用,最终,我们可以自行选择使用哪种 box 模型。
改进的 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 官方网站 转自:http://blog.csdn.net/comsharp/archive/2009/04/16/4083181.aspx