blue;< /td> Firefox 背景变蓝色
red /9; IE8 背景变红色
*black;< /td> IE7 背景变黑色
_background:orange; IE6 背景变橘色

#example { color: #333; } /* Moz */

* html #example { color: #666; } /*IE6 */

*+html #example { color: #999; } /* IE7 */

  1. color:red; /* 所有浏览器都支持 */
  2. color:red !important; /* 除IE6外 */
  3. _color:red; /* IE6支持 */
  4. *color:red; /* IE6、IE7支持 */
  5. +color:red; /*IE7支持*/
  6. *+color:red; /* IE7支持 */
  7. color:red\9; /* IE6、IE7、IE8、IE9支持 */
  8. color:red\; /* 针对所有IE */
  9. color:red\0; /* IE8、IE9支持 */
  10. color:red\9\0; /*IE9支持*/
  11. /* webkit and opera */
  12. @media all and (min-width: 0px){ div{color:red;} }
  13. /* webkit */
  14. @media screen and (-webkit-min-device-pixel-ratio:0){ div{color:red;} }
  15. /* opera */
  16. @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { div{color:red;} }
  17. /* firefox * /
  18. @-moz-document url-prefix(){ div{color:red;} } /* all firefox */
  19. html>/**/body div, x:-moz-any-link, x:default {color:red;} /* newest firefox */
  20. body:nth-of-type(1) p{color:red;} /* Chrome、Safari支持 */
  21. <!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
  22. <!--[if IE 7 ]> <html class="ie7"> <![endif]-->
  23. <!--[if IE 8 ]> <html class="ie8"> <![endif]-->
  24. <!--[if IE 9 ]> <html class="ie9"> <![endif]-->
  25. <!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
  26. <!-[if IE 7]> = 等于 IE7
  27. <!-[if lt IE 8]> = 小于 IE8（就是 IE7 或以下了啦）
  28. <!-[if gte IE 8]> = 大于或等于 IE8
  29. <meta http-equiv="x-ua-compatible" content="ie=7" />
  30. 把这段代码放到<head>里面，在ie8里面的页面解析起来就跟ie7一模一样的了
  31. <!-[if IE]>
  32. <link rel="stylesheet" href="/ie-all.css" type="text/css" media="screen" />
  33. <![endif]->
  34. <!-[if lt IE 8]>
  35. <link rel="stylesheet" href="/ie.css" type="text/css" media="screen" />
  36. <![endif]->
  37. <!-[if IE 7]>
  38. <link rel="stylesheet" href="/ie7.css" type="text/css" media="screen" />
  39. <![endif]->
  40. <!-[if IE 6]>
  41. <link rel="stylesheet" href="/ie6.css" type="text/css" media="screen" />
  42. <![endif]->

IE6以下

*html{}

IE 7 以下

*:first-child+html {} * html {}

只对IE 7

*:first-child+html {}

只对IE 7 和现代浏览器

html>body {}

只对IE 8（属性值后加/0）

.name {color:#ccc/0; }

只对现代浏览器(非IE 7)

html>/**/body {}

最新的Opera 9以下版本

html:first-child {}

Safari

html[xmlns*=”"] body:last-child {}

Firefox 3

.classname, x:-moz-any-link, x:default {}

#id, x:-moz-any-link, x:default {}

====================

所有浏览器下背景变灰（半透明）

body {filter:alpha(opacity=30);opacity:0.3;}

====================

区别IE6与FF：

background:orange;*blue;< /p>

区别IE6与IE7：

background:green !important;blue;< /p>

区别IE7与FF：

background:orange; *background:green;

区别FF，IE7，IE6：

background:orange;*background:green !important;*blue;< /p>

区别FF 3

“{”前加上“, x:-moz-any-link, x:default”，只有FF 3能识别

注:

IE都能识别*；标准浏览器(如FF)不能识别*；

IE6能识别*，但不能识别 !important,

IE7能识别*，也能识别!important;

只有IE8能识别/0

FF不能识别*，但能识别!important;

CSS的IE6、IE7、FF兼容性写法的更多相关文章

  1. CSS- ie6,ie7,ie8 兼容性写法,CSS hack写法

    css ie6,ie7,ie8 兼容性写法,CSS hack写法 margin-bottom:40px;       /*ff的属性*/margin-bottom:140px\9;    /* IE6 ...

  2. div+css 布局下兼容IE6 IE7 FF常见问题

    div+css 布局下兼容IE6 IE7 FF常见问题 收藏 所有浏览器 通用 (市面上主要用到的IE6 IE7 FF)height: 100px; IE6 专用 _height: 100px; IE ...

  3. CSS 在IE6, IE7 和IE8中的差别////////////////z

    CSS 在IE6, IE7 和IE8中的差别 关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6,7和8共存.截至本文,Internet Explorer各个版本总共占据了 ...

  4. CSS兼容IE6 IE7 IE8 IE9 Firefox的总结

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. （转）Css样式兼容IE6,IE7,FIREFOX的写法

    根据FF和IE对一些符号识别的差异,我们可以单独对FF以及IE定义样式,例子: 区别IE6与FF:          background:orange;*background:blue;   区别I ...

  6. Css样式兼容IE6,IE7,FIREFOX的写法

    根据FF和IE对一些符号识别的差异,我们可以单独对FF以及IE定义样式,例子: 区别IE6与FF:          background:orange;*background:blue;   区别I ...

  7. css区分ie6,7,ff

    IE6能识别*,但不能识别 !important,IE7能识别*,也能识别!important;FF不能识别*,但能识别!important; 可以这样区别FF,IE7,IE6: background ...

  8. css解决IE6，IE7，firefox兼容性问题

    在当前IE6 IE7 FifeFox三分天下的情况下,浏览器兼容性问题成为网页设计者需要考虑的问题. 区别不同浏览器的CSS hack写法: 区别IE6与FF: background:orange;* ...

  9. DIV+CSS IE6/IE7/IE8/FF兼容问题汇总

    1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...

随机推荐

  1. hdu 3938 并查集

    思路:这题的出题人是不是语文不行啊,题目意思说不清楚. 知道是求存在路径的点对数后,用并查集每次记录集合中点的数目,很容易就解决了. #include<set> #include<c ...

  2. C++之算法题模板

    main.cpp: #include <iostream>#include <vector>#include <cstring>#include <cstdi ...

  3. c# 语法5.0 新特性 转自网络

    本专题概要: 引言 同步代码存在的问题 传统的异步编程改善程序的响应 C# 5.0 提供的async和await使异步编程更简单  async和await关键字剖析 小结 一.引言 在之前的C#基础知 ...

  4. linux中重置服务器的mysql用户密码

    本文章前提条件是自己经把mysql登录密码给忘记了,这个时间我们解决方法有很多,重新安装mysql数据库一切重来,另一种是通过下面文章重新设置root密码,下面我们一起来看看方法二吧.     最 近 ...

  5. 什么叫wipe，安卓用户如何去wipe？

    一.wipe是什么意思 wipe从英文单词的字面意思来理解就是:揩,擦;揩干,擦净的意思,从刷机爱好者的专业角度来理解可以认为是一种对手机数据擦除的操作.关于wipe是什么意思比较专业的解答为:wip ...

  6. [转]Mac OS X 下部分Android手机无法连接adb问题之解决方案

    时至当今,Android山寨手机厂商已如此之多,能修改和个性化定制Android OS的能人已是多如牛毛,有的牛人修改Android系统只会影响所修改的点,不会影响其它,然后还有的就不多说了,总之做的 ...

  7. C#判断奇偶数的函數

    // 现代流行的"程序员" public static bool IsOdd(int n) { while (true) { switch (n) { : return true; ...

  8. 关于strong、copy、weak、assign的常规用法

    strong   对于普通的OC对象都是使用strong copy     对于 NSString,Block weak    用于OC对象,1.当出现循环强引用的时候,必须要保证一端是weak, 2 ...

  9. 微信（一） 获取openid 网页授权 C# WeChatHelper

    用.Net开发微信的时候第一步就是获取微信的网页授权,获取openid. 自己做个总结,以后也好用,这里只提供了获取openid的接口,后续程序有待开发 using System; using Sys ...

  10. OpenGL-渲染管线的流程(有图有真相)

    视频教程请关注 http://edu.csdn.net/lecturer/lecturer_detail?lecturer_id=440 学习shader之前必须知道的事情,shader(着色语言)到 ...