`

兼容ie6,ie7,ie8,ff的css hack写法

 
阅读更多

这里介绍两种css hack的写法,先看例子,上代码:

border:2px solid #00f;      /*ff的属性*/
border:2px solid #090\9;    /* IE6/7/8的属性 */
border:2px solid #F90\0;    /* IE8支持 */
_border:2px solid #f00;     /*IE6的属性*/
color:#00f;                         /*ff的属性*/
color:#f90\9;			/* IE6/7/8的属性 */
*color:#090!important;		/* IE7支持 */
*color:#f00;			/*IE6的属性*/

css顺序不能写错,因为ff不认识\9,\0,_写法,所以为蓝边;\9是IE6,7,8的属性,下面代码并没有重写IE7的代码,所以IE7下绿边;同理,\0为ie8属性,相当于重写了颜色,所以IE8下为黄边,_是ie6的属性,重写颜色为红边.

第2种写法,大家应该比较熟悉吧,因为ff不认识\9,*写法,所以为蓝字;\9是IE6,7,8的属性,下面代码并没有重写IE8的代码,所以IE8下黄字;同理,*XXX!important为ie7属性,相当于重写了颜色,所以IE7下为黄字, *是ie6的属性,重写颜色为红字.

查看DEMO

原文:http://duanxin.me/articles/css-hack/

分享到:
评论

相关推荐

    全面兼容ie6,ie7,ie8,ff的CSS HACK写法

    CSS代码: 复制代码代码如下: <style type=”text/css”> #body { border:2px solid #00f;...复制代码代码如下: ”body”> <ul> <li>FF下蓝边</li> <li>IE6下红边</li> <li>IE7下绿边</li> <li>

    CSS 完美兼容IE6/IE7/FF的通用hack方法

    important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)<style>#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */}</style> 2, IE6/IE77对FireFox *+html 与 *...

    2010全面兼容多浏览器IE6-IE7-IE8-FF的CSS HACK写法

    里面,在ie8里面的页面解析起来就跟ie7一模一样的了,所以,基本上可以无视ie8,剩下的代码只需要这样写就可以了 复制代码代码如下:background:#ffc; /* 对firefox有效*/ *background:#ccc; /* 对ie7有效 */ _...

    针对主流浏览器的CSS-HACK写法及IE常用条件注释

    本文将为你总结CSS针对各浏览器的兼容HACK(以IE6/IE7/IE8 /FF为主),以及IE特有的条件注释使用方法.

    全面兼容ie6,ie7,ie8,ff的最简单的css写法

    本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方法又不能用了,怎么办呢?

    IE8 CSS hack

    针对IE8正式版的CSS hack目前可以找到的分为2种: 第一种:”\9″: 基本的写法: 1..test { color/*\**/: blue\9 } 这个IE6、IE7、IE8都能识别;...} /* IE7和IE6能识别,IE8和FF不能识别*/ 4..header {_width:29

    针对IE6的一些CSS Hack编写时的注意点小结

    区分出IE6的hack写法1.区别IE6、7与FF/IE8: JavaScript Code复制内容到剪贴板 background:blue;*background:orange; 引用显示效果:IE 6/7:orangeFF/IE8:blue原理:FF/IE8不支持*开头,而IE6/7都支持。 2.区别IE...

    CSS hack 针对IE6,IE7,firefox显示不同效果

    区别不同浏览器的CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; ...

    [removed]google 向上向下滚动特效,兼容IE6,7,8,FF

    2010最新全面兼容ie6,ie7,ie8,ff的CSS HACK写法 #google1 { border:none; width:270px; height:20px; margin:0px 0; font-size:12px; padding-left:0px; overflow:hidden; font-family:Arial; } #google1 ul { ...

    解决IE6、IE7、Firefox兼容比较简单的CSS Hack

    第二排给IE7(可能以后的IE8、IE9也是如此,谁知道呢)看 第三排给IE6以及更老的版本看 最好的应用就是可以让IE6也“支持”position:fixed,而且,配合这个原理,可以做到不引入JavaScript代码(仅用IE6的expression...

    不同浏览器的CSS Hack写法小结

    区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue;... 区别FF,IE7,IE6: background:orange;*background:green !important;*background:blue;

Global site tag (gtag.js) - Google Analytics