IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",
IE8能识别" \9",但不能识别下划线"_",
而firefox两个都不能认识,却可以识别‘!important’。等等
书写顺序,一般是将识别能力强的浏览器的CSS写在后面。下面列举常用的CSS hack方法
1:!important
!important作用是提高指定样式规则的应用优先权。
IE7以及所有标准浏览器能识别!important
区别IE6与IE7与其他浏览器
.browserTest
{
border:20px solid #60A179 !important;
border:20px solid #00F;
}
在Mozilla中或者IE7浏览时候,能够理解!important的优先级,因此显示#60A179的颜色:
在IE6中浏览时候,不能够理解!important的优先级,因此显示#00F的颜色:
2:*
IE都能识别*;标准浏览器(如火狐)不能识别*
区别IE6与火狐
.browserTest
{
border:20px solid #60A179;
*border:20px solid #00F;
}
区别IE7与火狐
.browserTest
{
border:20px solid #60A179;
*border:20px solid #00F;
}
区别IE7,IE6与火狐
.browserTest
{
border:20px solid #60A179;
*border:20px solid #00F !important;
*border:20px solid ###;
}
3:_
IE6支持下划线,IE7和firefox均不支持下划线
区别IE7,IE6与火狐
.browserTest
{
border:20px solid #60A179;
*border:20px solid #00F;
_border:20px solid ###;
}
/*不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面*/
4:*+html 与 *html
*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签
.browserTest { width: 120px; } /* FireFox fixed */
*html .browserTest { width: 80px;} /* ie6 fixed */
*+html .browserTest { width: 60px;} /* ie7 fixed */
5:\9 专属IE8的Hack
.browserTest { width: 120px\9; } /* IE8 fixed */
6:Chrome
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* 针对
Google Chrome、Safari 3.0、Opera 9 的CSS样式 */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.parent-cat li{font-family:'宋体'}
.parent-cat li{font-family:inhert;#}
}
7:各浏览器内核
Mozilla Firefox ( Gecko )
Internet Explorer ( Trident )
Opera ( Presto )
Konqueror ( KHTML )
Safari ( WebKit )
Google Chrome ( WebKit )
分享到:
相关推荐
all css hacks 列表 支持目前主流游览器
复制代码代码如下: .test{ color:/*\**/#00f\9; /* IE8 */ } .test, .test:-moz-any-link{...可同时区分IE8、IE7、IE6、Firefox的CSS hacks: CSS代码 复制代码代码如下: .test{ color:#000; /* Firefox */ color:/*\
browser-hack-sass-mixins:浏览器hack sass mixin-将SCSS应用于特定的浏览器-CSS hacks:IE,Chrome,Firefox,Edge,Opera
但对于 IE 而言,目前已经有 IE6/IE7/IE8 三个主要版本,不久的将来还会有 IE9 的到来。于此,IE 是个杯具。 当然有很多人歇斯底里地诋毁 IE6,在此想说的是,一切诋毁 IE6 的言论都是纸老虎。看看 IE6 的历史,它...
CSS hacks利用浏览器的漏洞来隐藏特定浏览器的CSS规则
利用这些CSS Hacks,你能够更好的针对IE、Chrome、Firefox、Opera和Safari,代码如下: 浏览器特定的CSS Hacks综合列表: 复制代码代码如下:/***** Selector Hacks ******//* IE6 and below */* ...
有IE就有hack,看看IE9的css hack,IE8的css hack;上次同事说一个页面IE10下有问题,IE9下测试了一下,也有同样的问题。悲剧了赶紧找IE10的hack。 google上翻到的IE10 CSS Hacks 还算比较实用的。记录一下以备后用...
IE Hack 各种浏览器兼容性调整办法 IE6 IE7 IE8 IE9
英文pdf版 计算机电子书下载,CSS标准并不提供一个方法去指定一个特定的浏览器版本,所以网络开发者社区开发了CSS filter(也被称作”CSS hacks”)。这些filter利用浏览器的问题或者未执行的特性来隐藏针对特殊...
熟悉的方法有 IE hacks 和条件注释 CSS(Conditional Stylesheets),下面,不妨讨论一下这两种方法的优缺点。 IE hacks 举个例子,一个元素在其他浏览中的左边距是 30px ,而在 IE6 中则设置为 20px ,可以如下编写...
Firefox的随机CSS hack集合 该存储库包含各种样式,以修改Mozilla Firefox的外观。 这些样式表大多是独立的,可以自由地相互混合,但是不能保证与第三方样式的兼容性。 如果某个特定样式依赖于另一种样式,则将在...
You’ll learn about the behavior of the latest browsers-including IE 8, Firefox 3, Safari 4, and Google Chrome-and how you can resolve differences in the ways they display your web pages. Arranged in...
/* IE 6 */ * html .yourclass { } /* IE 7 */ *+html .yourclass{ } /* IE 7 and modern browsers */ html>body .yourclass { } /* Modern browsers (not IE 7) */ html>/**/body .yourclass { } /...
Firefox Hacks 100个业界最尖端的技巧和工具 By Nigel McFarlane Publisher : O'Reilly Pub Date : March 2005 ISBN : 0-596-00928-3 Pages : 398
CSS 浏览器兼容性教程,需要的下载吧。
selling book, published in full color, has been completely revised and updated to cover the latest techniques and newer browsers, including Firefox 3 and Internet Explorer 8.It’s the most complete ...