一.通用区分方式: IE6.IE7能识别*,标准浏览器(如FF)不能识别*:IE6能识别*,但不能识别 !important:IE7能识别*,也能识别 !important:IE8能识别\0,不能识别*,+,_,* 加!important;FF不能识别*,但能识别 !important:例如style=”*width:10px!important; width:20px;”,其在IE7下宽度为10px,在IE6下宽度是20px. 其中还有如下三种写法: 第一种 width:100px; /* F…

所谓 CSS Hack,是指在 CSS 代码中嵌入诸如 *,*html  等代码,方便于独立控制某种浏览器的具体样式.比如有些 CSS Hack 只能被 IE6 或 IE7 识别,而 Firefox 等浏览器则不能识别.这样一来可以有效控制 CSS 在不同浏览器的表现,避免撰写多个 CSS 文件. 芒果在这里大致整理了常用 CSS Hack 的写法,帮助你更好地控制页面呈现: 1. * 符号 IE 浏览器能识别 * 符号,但其他浏览器诸如 Firefox.Opera.Chrome 等不能识别 *…

css ie6,ie7,ie8 兼容性写法,CSS hack写法 margin-bottom:40px;       /*ff的属性*/margin-bottom:140px\9;    /* IE6/7/8的属性 */color:red\0;              /* IE8支持 */*margin-bottom:450px;     /*IE6/7的属性*/  +margin-bottom:450px;_color:#ff0000;         /* 只ie6支持 */ #1 {…

我们在开发DIV+CSS页面时候常常会遇到开发出的网页的一些地方在各大浏览器比如微软IE6.微软IE7.微软IE8.火狐浏览器.谷歌浏览器有一些不同,如宽度.高度等地方有相差误.IE6比较老的版本浏览器,用户比较多,IE7较新浏览器,更接近标准浏览器,IE8算是微软标准浏览器,但差别于浏览器,火狐(Mozilla, Firefox)和谷歌浏览器(chrome)是比较标准的IE浏览器,一般我们以这个浏览器为开发参考平台,同时IE8与这两个浏览器解释CSS比较接近,一般只要通过火狐.谷歌浏览器测试兼…

最近发现android在4.4.3上面出现很多怪异的现象,现在虽然没有找到原因和解决方案,但是突然间找到一个css hack写法: button{ display:none; width:$rem*45; height:$rem*33; //我这里Android 4.4.3 hack 写法 height:calc(1/16*32px); font-size:$rem*12; background-color:#b41a1a; border:1px solid #fff; color:#fff;…

1. IE hacks: "_"  是IE6 专有的hack; "\9" 对IE6-IE10都有效: "\0"对IE8-IE10都有效: "\9\0"对IE9-IE10都有效: 优点: CSS hacks 内嵌在普通的 CSS 里面,不会产生更多 HTTP 请求.CSS hacks 内嵌在普通的 CSS 里面,编写时比较方便. 缺点:   它是不标准的产物.内嵌在其他 CSS 中,不便维护.尤其是当 hacks 的数量比较多的…

ie9一出css hack也该更新,以前一直没关注,今天在内部参考群mxclion分享了IE9的css hack,拿出来也分享一下: select { background-color:red\0; /* ie 8/9*/ background-color:blue\9\0; /* ie 9*/ *background-color:#dddd00; /* ie 7*/ _background-color:#CDCDCD; /* ie 6*/ } 注意写hack的顺序,其中: background…

IE 6 ~ 9 CSS Hack 写法总结 24th 四, 14 lip2up [code lang="css"]_color: red;    /* ie6 */*color: red;    /* ie6/7 */+color: red;    /* ie6/7 */color: red\0;   /* ie8/9 */color: re[......]…

透明往往能产生不错的网页视觉效果下面是兼容主流浏览器的CSS透明代码.transparent_class {  filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5;}filter:alpha(opacity=50):这个是为IE6设的,可取值在0-100,其它三个0到1.-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器.-khtml-opacity: 0…

透明往往能产生不错的网页视觉效果下面是兼容主流浏览器的CSS透明代码.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } filter:alpha(opacity=50):这个是为IE6设的,可取值在0-100,其它三个0到1.-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器.-khtml-opacity: 0.5…