zoukankan      html  css  js  c++  java
  • [CSS HACK]IE6、IE7、IE8、Firefox兼容性问题

    1.区别IE和非IE浏览器

    #tip {
    background
    :blue; /*非IE 背景藍色*/
    background
    :red \9; /*IE6、IE7、IE8背景紅色*/
    }

    2.区别IE6,IE7,IE8,FF
    【区别符号】:「\9」、「*」、「_」
    【示例】:
    #tip {
    background
    :blue; /*Firefox 背景变蓝色*/
    background
    :red \9; /*IE8 背景变红色*/
    *background
    :black; /*IE7 背景变黑色*/
    _background
    :orange; /*IE6 背景变橘色*/
    }
    【说明】:因为IE系列浏览器可读「\9」,而IE6和IE7可读「*」(米字号),另外IE6可辨识「_」(底线),因此可以依照顺序写下来,就会让浏览器正确的读取到自己看得懂得CSS语法,所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、Google Chrome、Safari等)。

    3.区别IE6、IE7、Firefox (方法 1)
    【区别符号】:「*」、「_」
    【示例】:
    #tip {
    background
    :blue; /*Firefox背景变蓝色*/
    *background
    :black; /*IE7 背景变黑色*/
    _background
    :orange; /*IE6 背景变橘色*/
    }
    【说明】:IE7和IE6可读「*」(米字号),IE6又可以读「_」(底线),但是IE7却无法读取「_」,至于Firefox(非IE浏览器)则完全无法辨识「*」和「_」,因此就可以透过这样的差异性来区分IE6、IE7、Firefox

    4.区别IE6、IE7、Firefox (方法 2)
    【区别符号】:「*」、「!important」
    【示例】:
    #tip {
    background
    :blue; /*Firefox 背景变蓝色*/
    *background
    :green !important; /*IE7 背景变绿色*/
    *background
    :orange; /*IE6 背景变橘色*/
    }
    【说明】:IE7可以辨识「*」和「!important」,但是IE6只可以辨识「*」,却无法辨识「!important」,至于Firefox可以读取「!important」但不能辨识「*」因此可以透过这样的差异来有效区隔IE6、IE7、Firefox。

    5.区别IE7、Firefox
    【区别符号】:「*」、「!important」
    【示例】:
    #tip {
    background
    :blue; /*Firefox 背景变蓝色*/
    *background
    :green !important; /*IE7 背景变绿色*/
    }
    【说明】:因为Firefox可以辨识「!important」但却无法辨识「*」,而IE7则可以同时看懂「*」、「!important」,因此可以两个辨识符号来区隔IE7和Firefox。

    6.区别IE6、IE7 (方法 1)
    【区别符号】:「*」、「_」
    【示例】:
    #tip {
    *background
    :black; /*IE7 背景变黑色*/
    _background
    :orange; /*IE6 背景变橘色*/
    }
    【说明】:IE7和IE6都可以辨识「*」(米字号),但IE6可以辨识「_」(底线),IE7却无法辨识,透过IE7无法读取「_」的特性就能轻鬆区隔IE6和IE7之间的差异。

    7.区别IE6、IE7 (方法 2)
    【区别符号】:「!important」
    【示例】:
    #tip {
    background
    :black !important; /*IE7 背景变黑色*/
    background
    :orange; /*IE6 背景变橘色*/
    }
    【说明】:因为IE7可读取「!important;」但IE6却不行,而CSS的读取步骤是从上到下,因此IE6读取时因无法辨识「!important」而直接跳到下一行读取CSS,所以背景色会呈现橘色。

    8.区别IE6、Firefox
    【区别符号】:「_」
    【示例】:
    #tip {
    background
    :black; /*Firefox 背景变黑色*/
    _background
    :orange; /*IE6 背景变橘色*/
    }
    【说明】:因为IE6可以辨识「_」(底线),但是Firefox却不行,因此可以透过这样的差异来区隔Firefox和IE6,有效达成CSS hack。

    原文地址:

    http://www.javaeye.com/topic/602506

     

  • 相关阅读:
    codeforces 980A Links and Pearls
    zoj 3640 Help Me Escape
    sgu 495 Kids and Prizes
    poj 3071 Football
    hdu 3853 LOOPS
    hdu 4035 Maze
    hdu 4405 Aeroplane chess
    poj 2096 Collecting Bugs
    scu 4444 Travel
    zoj 3870 Team Formation
  • 原文地址:https://www.cnblogs.com/Flynn/p/1771361.html
Copyright © 2011-2022 走看看