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. Free download SKP900 update tool & activation tool

    One of the SKP900 key programmer user failed to get the SKP900 upgraded and add free tokens online u ...

  2. Android（java）学习笔记68：同步代码块 和 同步方法 的应用

    1. 同步代码块 和 同步方法 代码示例: (1)目标类,如下: package cn.himi.text; public class SellTicket implements Runnable { ...

  3. MySQL中/*!40100注释

    MySQL中的注释 MySQL中的注释有三种: # 注释内容 -- 注释内容 /* 注释内容*/ 但是,在导出的SQL文件中,也会看到类似如下内容的注释: CREATE DATABASE `blog` ...

  4. PHP删除符合条件的整个目录

    <?php /** * @name delFile函数与delDir函数一起使用, 删除符合条件的整个目录 * @param string $path 指定操作路径 * @return null ...

  5. Freebsd 编译内核

    # cd /usr/src/sys/i386/conf # cp GENERIC GENERIC.20060812# ee GENERIC 如果要加入ipf防火墙的话则加入options        ...

  6. asp.net MVC 如何隐藏 Response Header 版本号

    根据借楼最少资源原则,有时候MVC需要隐藏自己的版本号,其实这里也是比较简单的,只需要在Global.ascx 的Application_Start()中添加一行代码既可 添加为  MVCHandle ...

  7. struts2框架的第一个程序

    helloworld.jsp在base目录下 <a href="${pageContext.request.contextPath }/base/HelloWorldAction.ac ...

  8. 绝对好评的淘宝购物导航：baiso.uz.taobao.com

    绝对好评的淘宝购物导航:baiso.uz.taobao.com 绝对好评的淘宝购物导航--百搜:http://baiso.uz.taobao.com

  9. SQLite数据库增删改查

    一:SQLite数据库简介: SQLite是一种轻量级的关系型数据库,官网:http://www.sqlite.org/. SQLite数据库文件存在于移动设备的一下目录中:data->data ...

  10. DWZ(JUI) 教程 普通表单提交

    一类是普通的表单提交,另一类就是列表页面的表单提交,主要是用来查询搜索列表使用的.今天我就简单介绍一下前者. 这是官网上的普通列表页面, <div class="pageContent ...