这里介绍两种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/
分享到:
相关推荐
CSS代码: 复制代码代码如下: <style type=”text/css”> #body { border:2px solid #00f;...复制代码代码如下: ”body”> <ul> <li>FF下蓝边</li> <li>IE6下红边</li> <li>IE7下绿边</li> <li>
important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)<style>#wrapper{width: 100px!important; /* IE7+FF */width: 80px; /* IE6 */}</style> 2, IE6/IE77对FireFox *+html 与 *...
里面,在ie8里面的页面解析起来就跟ie7一模一样的了,所以,基本上可以无视ie8,剩下的代码只需要这样写就可以了 复制代码代码如下:background:#ffc; /* 对firefox有效*/ *background:#ccc; /* 对ie7有效 */ _...
本文将为你总结CSS针对各浏览器的兼容HACK(以IE6/IE7/IE8 /FF为主),以及IE特有的条件注释使用方法.
本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方法又不能用了,怎么办呢?
针对IE8正式版的CSS hack目前可以找到的分为2种: 第一种:”\9″: 基本的写法: 1..test { color/*\**/: blue\9 } 这个IE6、IE7、IE8都能识别;...} /* IE7和IE6能识别,IE8和FF不能识别*/ 4..header {_width:29
区分出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与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; ...
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 { ...
第二排给IE7(可能以后的IE8、IE9也是如此,谁知道呢)看 第三排给IE6以及更老的版本看 最好的应用就是可以让IE6也“支持”position:fixed,而且,配合这个原理,可以做到不引入JavaScript代码(仅用IE6的expression...
区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue;... 区别FF,IE7,IE6: background:orange;*background:green !important;*background:blue;