区分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)不能识别*;
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-12-05 18:21:36

区分IE6,IE7,firefox的CSS hack_经验交流的相关文章

针对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

一个针对IE7的CSS Hack_经验交流

IE7 修复了很多 bug,也增加了对一些选择符的支持,所以现在诸如 *html {} 和 html>body {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效.虽然 CSS Hack 不推荐使用,条件注释才是万无一失的过滤器,但是条件注释只能出现在 HTML 中,CSS Hack 还是有用武之地的.Nanobot 发现了一些针对 IE7 的 CSS Hack,具体就是: >bodyhtml**+html 这三种写法,其中前两种都是不合法的 CSS 写法,在标准兼容浏览器中被

区分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写法区分不同浏览器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

用4个字符区分IE6,IE7和IE8

区分浏览器主要是利用了css hack,可能有人已经知道了IE6和IE7的方法,但是今天我们加入一种区分IE8的方法. IE8 和 IE8以下版本 区分它们的关键是在样式后面添加"9". 1.body { 2. color: red; /* all browsers, of course */ 3. color : green9; /* IE8 and below */ 4.} 需要注意的是必须使用"9",我尝试过使用"8",都不能起作用,必须是

支持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

css ie6 ie7 ff的CSS hack使用技巧_经验交流

FF浏览器 .test{ height:20px; background-color:orange; } IE7浏览器 *+html .test{/*IE7*/ height:20px; background-color:blue; } IE6浏览器 *html .test{/*IE6*/ height:20px; background-color:black; } 通过上面的CSS代码可以看出FF还是最听话的浏览器.在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html. 这里就很

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 li 间距问题第1/2页_经验交流

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