区分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-10-01 07:20:22

区分IE6,IE7和firefox的CSS hack的相关文章

兼容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

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==*/   

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

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

用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,ie8,firefox左下角浮动广告代码

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

区分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

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

解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常

网上有很多说在<head>里加一句:<meta http-equiv="X-UA-Compatible" content="IE=7" />或者<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />就可以解决,实际测试根本没有效果,原来是在ScrollPic.js里有个cssFloat这个样式除ie外都支持就tmd ie不支

完美兼容ie6,ie7,ie8以及firefox的css透明滤镜

本例是一个兼容IE6/IE7/IE8和火狐浏览器的css实现半透明层效果,之前本人也遇到过这样的问题,就是把一个层设置半透明后,内的文字也跟着半透明了,一直没找到合适的解决办法,今天看到designcss.org有一篇文章解决了这个问题,但有一点,发现在filter前边多加一个星号,多加个星号是为了让IE6和IE7执行,火狐和IE8就不执行了,火狐本身来讲就不支持IE特有的滤镜功能,所以这里没必要再加星号.还有就是不支持 IE8浏览器,经过研究,查阅大量资料,终于找到解决办法了,下面分享出来.