logo

IE6死后让网页设计者高兴的10件事

2010/2/24 11:50:22 | Tag: IE6, IE, Web, CSS | Hits: 1497 | Author: | Source: cnbeta

关键字:
  很多人以为IE6已经死了,也许只有设计师这样认为,现实世界中IE6的使用者大有人在,不过不会维持很久,IE8已经推出,微软对IE8的推广不遗余力,同时,不少人从IE转到别的浏览器,总有一天,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 什么时候消失?
  有三件事,我们还得等等(直到IE7消失)

  使用 CSS 计数器

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

  使用 box-sizing 属性

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

  改进的 JavaScript

  对 javaScript 我们还有很多改进的空间,一个简单的事件监听机制,对合并后的 CSS 属性的获取(可靠的获取),这些 IE7 还有很多缺陷。IE8 对 JavaScript 引擎做了较大的改进。
  IE6 具体消失的日子还很难讲,尤其国内,至少要留出时间让我们的几大银行重新编写 ActiveX 吧。

[img]http://news.skycn.com/newsimg/2009/0617-8.jpg[/img]
IE6对网页标准的无视已经遭到了无数网页设计者的愤怒,网页设计者在写CSS的时候,基本上都要单独的为IE6写一个CSS,以保证不会出现网页布局混乱的情况不会出现。日前,某国外网友终于受不了了,于是画了下面这一副卡通图片。 

Copyright 2013 © SkyIMG.cn. All Rights Reserved. | 京ICP备05063919号