CSS代码: 复制代码代码如下: <style type=”text/css”> #body { border:2px solid #00f; /*ff的属性*/ border:2px solid #0909; /* IE6/7/8的属性 */ border:2px solid #F90 ; /* IE8支持 */ _border:2px solid #f00; /*IE6的属性*/ } </style> html代码: 复制代码代码如下: <div id=”body”> <ul> <li>FF下蓝边</li> <li>IE6下红边</li> <li>IE7下绿边</li> <li>IE8下黄边</li> </ul> </div> 注:css顺序不能写错,因为ff不认识9, ,_写法,所以为蓝边;9是IE6,7,8的属性,下面代码并没有重写IE7的代码,所以IE7下绿边;同理, 为ie8属性,相当于重写了颜色,所以IE8下为黄边,_是ie6的属性,重写颜色为红边.
推荐阅读
CSS 透明背景时,记得给容器加上width宽度
在项目中用到的透明效果,除了用PNG24图片外就是用如下样式了: 复制代码代码如下: filter:alpha(opacity=70); /* IE */ -moz-opacity:0.7; /* Moz + FF */ opacity: 0.7; /* 支持CSS3的浏览器(FF 3.6也支持)*/ >>>详细阅读
本文标题:全面兼容ie6,ie7,ie8,ff的CSS HACK写法
地址:http://www.17bianji.com/kaifa2/CSS/16616.html
1/2 1