1. margin-bottom:40px;       /*ff的属性*/ 
  2. margin-bottom:140px\9;    /* IE6/7/8的属性 */ 
  3. color:red\0;              /* IE8支持 */ 
  4. *margin-bottom:450px;     /*IE6/7的属性*/  +margin-bottom:450px; 
  5. _color:#ff0000;         /* 只ie6支持 */ 
  6. #1 { color: #333; } /* FF环境 */  
  7. * html #1 { color: #666; } /* IE6环境 */  
  8. *+html #1 { color: #999; } /* IE7环境 */ 

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

书写顺序为FireFox在最前,其次是IE8、IE7,最后是IE6。    
  1. color:red;//所有浏览器 
  2.  
  3. color:blue\9;//所有IE 
  4.  
  5. +color:orange;//IE7 
  6.  
  7. _color:green;//IE6 
若浏览器为FireFox,那么color:red;若浏览器为IE8,根据CSS优先性原则,color:blue;若为IE7,color:orange;若为IE6,则color:green。
 
IE6识别 * 、_

IE7识别 * 、+
 
IE8识别 * 、\9,\0
 
只有IE8识别  \0/    
 
ie9只识别:\9
 
FF什么都不识别
 
  1. .test{ 
  2.         color:#09F\0/* IE8/9 */ 
  3.         color:#09F\0/; /* IE8 only */ 
  4. :root .test { color:#963\9; } /* IE9 only */ 
  5. /*或者下面的,但是下面的优先级小于上面的。Ps:老外的方法都是\0,根本没考虑Opera*/ 
  6. @media all and (min-width:0){ 
  7.     .test{color:red\9; }/* IE9 only */ 

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

网站如何同时兼容IE6、IE7、IE8
 
第一招:给常用CSS规定属性值。 
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;}
img{border:0px;}
ul {margin:0px;padding:0px;}/
ul li {list-style:none;}
上面的建站常用代码就相是格式化CSS样式,让各浏览器按照我们设置的属性值渲染网页
 
第二招:IE和FF下对象居中问题
IE下大家应该知道只要设置body{text-align:center;}这样就可以居中显示。
但是这样的方法在FF不行的。这里就需要给修改成body:{text-align:center;margin:0px auto;}Margin的意思就是上下距离为0像素,左右为自动。所以FF就会居
 
中显示。
 
第三招:垂直居中(仅只用于一行)
比如说一个高30px的div,问题默认是会显示在左上角,如果想垂直居中对其可以加个line-height:30px;样式。如果你想让他居下方则在修改line-height:30px;
 
数值越大越局下,为了防止撑破层,还需要再给一个样式overflow:hidden;(超出的部分不显示)
 
第四招:给每一个块对象设置三个样式
width:**px;height:**px;overflow:hidden;即便高、宽是属性值是自动那么也需要去设置这三个样式。目的就是解决浏览器默认值的问题。
 
第五招:针对IE6、IE7、FF的css样式(这一招在特殊情况下经常用到)
原来建设网站经常使用!important来设置优先权,但有了IE7之后就不行了。下面给大家个可以解决IE6、IE7、FF各个CSS优先权的方法
#1 { color: #333; } /* FF环境 */ 
* html #1 { color: #666; } /* IE6环境 */ 
*+html #1 { color: #999; } /* IE7环境 */ 
上面的书写顺序一定不能去改变。
这样子网页在FF下显示#333,IE6下显示#666,IE7下显示#999;
返回顶部