区别不同浏览器CSS hack:区分IE6,IE7,IE8,firefox

 区别不同浏览器,CSS hack写法,从网上看到很多文章,现总结一下,尽量全面一点,备查。
注意下面介绍的这些hack写法仅适用于XHTML1.0。如果没有在HTML最前加上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

那么效果将不一样!此外,这里所说的IE8,不是指IE8的兼容模式,因为IE8的兼容模式其实就是IE7。

区别IE6、7与FF/IE8:
       background:blue;*background:orange;
引用
显示效果:
IE 6/7:orange
FF/IE8:blue
原理:FF/IE8不支持*开头,而IE6/7都支持。

区别IE6与IE7/IE8/FF:
       background:green;_background:blue;
引用
显示效果:
IE7/8/FF:green
IE6:blue
原理:IE6支持下划线"_",IE7、8和firefox均不支持下划线。

区别FF/IE8和IE6/7:
background:orange;+background:green;-background:blue;
或者
background:orange;*background:green!important;*background:blue;
引用
显示效果:
IE6:blue
IE7:green
FF/IE8:orange
原理:IE6能识别-,IE7能识别+,IE8和FF都不能识别+和-
IE8/FF都不识别*,IE7优先识别!important,IE6不能识别!important。

关于IE8的hacks:
.test{
     color:#00f9;
     color:#00f9;
}

可同时区分IE8、IE7、IE6、Firefox的CSS hacks:
.test{
     color:#000;
     color:#00f9;
     *color:#f00;
     _color:#0f0;
}

时间: 2024-10-21 15:44:51

区别不同浏览器CSS hack:区分IE6,IE7,IE8,firefox的相关文章

兼容ie6,ie7,ie8,firefox左下角浮动广告代码

提示:您可以先修改部分代码再运行 兼容ie6,ie7,ie8,firefox左下角浮动广告代码 子鼠测试. //这一行写了这个DIV是绝对定位,最好再加一下z-index:边框为1px的实线黑色边:距右边有0PX; ID=AD: 提示:您可以先修改部分代码再运行

网页制作问题:CSS hack:区分IE6,IE7,firefox

css|网页|问题 区别不同浏览器,CSS hack写法: 区别IE6与FF:background:orange;*background:blue; 区别IE6与IE7:background:green !important;background:blue; 区别IE7与FF:background:orange; *background:green; 区别FF,IE7,IE6:background:orange;*background:green !important;*background:b

区分IE6,IE7和firefox的CSS hack

区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: background:orange;*background:green !important;*background:blue; 注:IE都能识别*;标准浏览器(如FF)不

通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5 代码推荐_经验交流

这是在 FireFox 或者 Opera 下面的效果 这是在 IE 6 下面的效果 这是在 IE 7 下面的效果 以下为简单区分FF/IE6/IE7示例 这行文字在FF下应为红色,在IE6下应为蓝色,在IE7下应为绿色.

兼容IE6/IE7/IE8/FireFox的CSS hack

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>区别IE6.IE

css hack定义兼容多浏览器ie6,ie7,ie8.firefox

<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> .indexPicList{  height:210px;  padding-left:7px;  *padding-left:0px; } </style> </head> <body> <div id="i

IE6/IE7/IE8/Firefox专属CSS hack

文章简介:当我把第五行注视掉后,IE6显示的是green的颜色:即使是把\0改为\9结果还是一样:也就是说此时IE6显示的效果和IE7的相同,但是IE6是不支持 !important:百思不得其解:这也算是一个hack吧. .bgtest{         background:orange;/*==FF==*/         background:yellow\0;/*==IE8==*/         * background:green !important;/*==ie7==*/   

CSS hack在IE6,IE7,firefox用法与区分(1/2)

  一.CSS HACK  以下两种方法几乎能解决现今所有HACK.  1, !important  随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)  <style>  #wrapper  {  width: 100px!important; /* IE7+FF */  width: 80px; /* IE6 */  }  </style>    2, IE6/IE77对FireFox  *+h

HTML5新标签不兼容(IE6/IE7/IE8)怎么办

今天在这里教给大家一个完美解决HTML5新标签不兼容(IE6/IE7/IE8)的方法:        .html5-wrappers{display:none!important;}     您的浏览器禁用了脚本,请查看这里来启用脚本!或者继续访问.      HTML5新标签不兼容(IE6/IE7/IE8)的完美解决方法这是头部这是网站底部!!! 以上就是小编教给大家的:完美解决HTML5新标签不兼容(IE6/IE7/IE8)的方法!(附js文件:html5.rar) 以上是小编为您精心准备的