IE6死后让网页设计者高兴的10件事
使用 CSS 2 的 child 选择器
不必再写一大堆规则在某个对象的子对象中筛选,CSS2 的子选择器(child selectors)可以选择某个对象下直接的子对象。
放心使用 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 什么时候消失?
使用 CSS 计数器
我们不必再使用那个不被推荐的 start 属性。
使用 box-sizing 属性
CSS3 的 box-sizing 在 IE8和其他浏览器都可以使用,最终,我们可以自行选择使用哪种 box 模型。
改进的 JavaScript
对 javaScript 我们还有很多改进的空间,一个简单的事件监听机制,对合并后的 CSS 属性的获取(可靠的获取),这些 IE7 还有很多缺陷。IE8 对 JavaScript 引擎做了较大的改进。