zoukankan      html  css  js  c++  java
  • (转)IE6 死后即将大快人心的10件事

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

    2009-04-17 10:38:07|  分类: web设计 |  标签: |字号 订阅

     
     
    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
  • 相关阅读:
    670. Maximum Swap
    653. Two Sum IV
    639. Decode Ways II
    636. Exclusive Time of Functions
    621. Task Scheduler
    572. Subtree of Another Tree
    554. Brick Wall
    543. Diameter of Binary Tree
    535. Encode and Decode TinyURL
    博客园自定义背景图片
  • 原文地址:https://www.cnblogs.com/gates/p/3227579.html
Copyright © 2011-2022 走看看