CSS hack写法区分不同浏览器IE6 IE7 firefox:

区别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)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;

IE6 IE7 FF
* √ √ ×
!important × √ √

--------------------------------------------------------------------------------
补充:IE6支持下划线,IE7和firefox均不支持下划线。

于是大家还可以这样来区分IE6,IE7,firefox
: background:orange;*background:green;_background:blue;

注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。

时间: 2024-09-14 17:48:55

CSS hack写法区分不同浏览器IE6 IE7 firefox:的相关文章

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

纯CSS的下拉菜单 支持IE6 IE7 Firefox

XHTML/CSS 标准 教程 技术文章 常见问题 布局教程专题 CSS菜单 浏览器兼容 滚动条相关 圆角矩形专题 CSS特效欣赏专题 AjaxAJAX教程 AJAX技术 javascriptJSON 技术文章 正则表达式正则表达式简介 正则表达式之道 建站技术PHP ASP ASP.NET JSP SQL Flash Dreamweaver

针对IE6,IE7,Firefox的CSS

css 我们在用CSS进行构建网页的时候,IE6跟Firefox之间的差异问题可以用 !important 来解决(这种方法尽量少用),但是IE7似乎还是不认识 !important ,而且它跟IE6之间也存在一些差异.浏览器的不一致性总是让人很头疼! 下面分别给出IE6\IE7\Firefox的hack代码: #example { color: #333; }     /* Firefox */* html #example { color: #666; }     /* IE6 */*+ht

探究针对GoogleChrome的CSS hack写法

本节和大家一起学习一下针对GoogleChrome谷歌浏览器的CSS hack的使用,CSS hack是因为现有浏览器对标准的解析不同,为了兼容各浏览器,所采用的一种补救方法:也有人说CSS hack是一种类似作弊的手段,以欺骗浏览器的方式达到兼容的目的,是用浏览器的兼容性差异来解决浏览器的兼容性问题. CSS hack简介 CSS hack是因为现有浏览器对标准的解析不同,为了兼容各浏览器,所采用的一种补救方法. CSS hack是一种类似作弊的手段,以欺骗浏览器的方式达到兼容的目的,是用浏览

2010全面兼容IE6/IE7/IE8/FF的CSS HACK写法

浏览器市场的混乱,给设计师造成很大的麻烦,设计的页面兼容完这个浏览器还得兼容那个浏览器,本来ie6跟ff之间的兼容是很容易解决的.加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方法又不能用了,怎么办呢? 第一种方法: 还好,微软提供了这样一个代码: <meta http-equiv="x-ua-compatible" content="ie=7" /> 把这段代码放到里面,在ie8里面的页面解析起来就跟ie7一模一样的了,所以,基本

不同浏览器中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 ie6 ie7 firefox兼容写法

    比如这个条件:     margin:3px 3px 0px 3px;     display:block;     想必大家一看就知道是什么意思了,但通过测试,IE6和IE7浏览器,表现得就有区别.IE6表现得就很松散,似乎不止3px的左右距离而变成了双倍距离,即6px:而IE7下,基本正常.     后来在网上学习了一下,将display:block;这个条件变成了display:inline;后,IE6正常了,不再出现那么大的距离,而且比较准确:但IE7又不正常了,似乎右边的距离变

支持IE6 IE7 Firefox 的纯CSS的下拉菜单_经验交流

XHTML/CSS 标准 教程 技术文章 常见问题 布局教程专题 CSS菜单 浏览器兼容 滚动条相关 圆角矩形专题 CSS特效欣赏专题 AJAXAJAX教程 AJAX技术 JavascriptJSON 技术文章 DOM XML 正则表达式正则表达式简介 正则表达式之道 网站优化 电脑网络 建站技术PHP ASP ASP.NET JSP SQL Flash Dreamweaver 2007-4-16 css drop down menu

多浏览器下IE6 IE7 firefox li 间距问题第1/2页_经验交流

今天小雷提到一个ie5下li产生空白行距的问题,下面来测试一下.  新建一个简单的HTML测试文件,下面来测试ul li标签. 复制代码 代码如下: <ul>   <li><a href="#">菜单一</a></li>   <li><a href="#">菜单一</a></li>   <li><a href="#">