CSS兼容IE6,IE7,FireFox之一
本文最后更新于 6262 天前,其中的信息可能已经有所发展或是发生改变。

关于CSS对各个浏览器兼容是个非常让人头疼的事情了, 网络上的教程遍地都是.今天在discuz.net上发现了一篇不错的东西,就转载过来和大家共享.可以当作CSS兼容IE6,IE7,FireFox典范了,值得去记录下。发现自己很久没有转载东西。

注:IE都能识别;标准浏览器(如Firefox,Opera,Netscape)不能识别;IE6能识别,但不能识别 !important,IE7能识别,也能识别!important;FF不能识别*,但能识别!important;

写两句代码来控制一个属性,区别Firefox与IE6:
background:orange;*background:blue;

//这一句代码写出来时,你用firefox或其它非IE浏览时,会发现,写了该代码的区域背景是橙色的,如果用IE浏览,却是蓝色的,这是因为IE都能识别;标准浏览器(如Firefox,Opera,Netscape)不能识别

写两句代码来控制一个属性,区别IE7与IE6:
background:green !important;background:blue;

//这一句代码写出来时,你用IE7浏览,会发现,写了该代码的区域背景是绿色的,如果用IE6浏览,却是蓝色的,这是因为IE7能识别!important*,一但识别了,就执行,忽略了后面的那一句,但IE6却不能识别!important,所以前面部分跳过,直接执行了后半部份。

写两句代码来控制一个属性,区别Firefox与IE:
background:orange; *background:green;

//这一句代码写出来时,你用Firefox浏览,会发现背景是橙色的,而IE里却是绿色的,很简单,因为Firefox不能识别,而IE6,IE7都可以识

写三句代码来控制一个属性,区别Firefox,IE7,IE6:
background:orange;background:green !important;background:blue;

//这一句会使在Firefox在,背景呈橙色,IE7中为绿色,IE6中为蓝色,道理和前面一样,Firefox不能识别*,所以后面两句都不执行,直接执行第一句,IE7当然也能执行第一行代码,但是因为第二句,他也能识别,所以就执行了第二句代码,把前面的效果给过滤了,而最后一句,IE7是不能识别的。IE6不能识别!imprtant,本来运行了第一句代码了,第二句不能识别,那就理所当然的执行了最后一句。

本文以下内容由于已经不具备可参考性而被删除,删除时间为2023年11月17日。

评论

  1. 17 年前
    2007-9-29 23:52:49

    不错 收藏慢慢看

  2. sherry
    17 年前
    2007-9-30 9:21:47

    忒好了 留个脚印
    返回来慢慢看

  3. 博主
    17 年前
    2007-9-30 14:35:49

    这个是不错 我还收藏了篇 回头贴上

  4. 淡色黄昏
    17 年前
    2007-10-01 16:18:17

    不错的东西,老大的文章就是经典

  5. 17 年前
    2007-10-11 17:31:17

    收藏了…谢谢..

  6. legent
    16 年前
    2008-12-29 10:25:21

    /**/我疯了,这玩意儿不是解释代码用的么。。。。。

  7. Maggie
    16 年前
    2009-4-30 23:54:49

    非常好,解决了我困扰已经的问题。

  8. 14 年前
    2010-7-10 0:12:00

    也不错啦~

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇