兼容IE6,IE7,IE8,Firefox的CSS HACK写法

开发 前端
写页面设计的朋友们,经常为浏览器CSS的兼容性头痛不已,这里向大家描述一下全面兼容IE6,IE7,IE8,Firefox的CSS HACK写法,相信本文介绍一定会让你有所收获。

你对兼容IE6,IE7,IE8,Firefox浏览器的方法是否熟悉,这里和大家分享一下全面兼容IE6,IE7,IE8,Firefox的CSS HACK写法,希望对你的学习有所帮助。

全面兼容IE6,IE7,IE8,Firefox的CSS HACK写法

写页面设计的朋友们,经常为浏览器CSS的兼容性头痛不已,经过本人的仔细研究发现一种好的写法,现在与大家分享CSS HACK写法。

CSS代码:

  1. <styletypestyletype=”text/CSS”> 
  2. #body{  
  3. border:2pxsolid#00f;/*Firefox的属性*/  
  4. border:2pxsolid#090\9;/*IE6/7/8的属性*/  
  5. border:2pxsolid#F90\0;/*IE8支持*/  
  6.  
  7. _border:2pxsolid#f00;/*IE6的属性*/  
  8. }  
  9.  
  10. </style> 

 Html代码:

  1. <dividdivid=”body”> 
  2. <ul> 
  3. <li>Firefox下蓝边</li> 
  4. <li>IE6下红边</li> 
  5. <li>IE7下绿边</li> 
  6. <li>IE8下黄边</li> 
  7. </ul> 
  8. </div> 
  9.  

注:CSS顺序不能写错,因为Firefox不认识\9,\0,_写法,所以为蓝边;\9是IE6,IE7,IE8的属性,下面代码并没有重写IE7的代码,所以IE7下绿边;同理,\0为IE8属性,相当于重写了颜色,所以IE8下为黄边,_是IE6的属性,重写颜色为红边。

【编辑推荐】

  1. CSS Hack的基本原理和实现方式
  2. IE8浏览器中正式版CSS hack技术用法
  3. 深入探究DIV CSS布局中position属性用法
  4. CSS属性display:inline-block使用揭秘
  5. CSS display:block显示布局错乱解决方案

 

 

责任编辑:佚名 来源: 52blogger.com
相关推荐

2010-08-18 15:57:14

IE6IE7IE8

2011-06-03 15:41:27

CSS HACK

2010-09-16 13:33:47

IE6IE7IE8

2010-08-18 10:24:51

IE6IE7IE8

2010-08-20 09:33:22

IE6IE7IE8

2010-08-20 08:45:55

IE6IE7IE8

2010-09-06 15:06:29

IE6IE7Firefox

2010-09-15 11:08:48

CSSIE6IE7

2010-08-18 10:37:16

IE6IE7IE8

2010-08-20 13:15:54

IE6IE7IE8

2009-08-13 10:12:07

IE的CSS Bug

2010-08-18 15:22:28

IE6IE7Firefox

2010-09-08 16:59:48

CSS兼容IE7IE8

2010-08-27 15:38:21

兼容IE6IE7

2010-08-17 16:27:52

IE6IE7IE8

2010-08-27 15:08:10

FirefoxIE6IE7

2010-08-30 09:35:35

IE6IE7Firefox

2010-08-17 15:07:48

IE6IE7IE8

2010-08-20 09:25:11

IE6IE7IE8

2010-08-19 10:56:55

JSIE6IE7
点赞
收藏

51CTO技术栈公众号