各种浏览器css hack

简介:

你在写css时样式表加上浏览器标识符就行了,各浏览器区别如下:

IE都能识别*,标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important;
IE7能识别*,也能识别 !important;
IE8能识别\0,不能识别*,+,_,*加!important;
FF不能识别*,但能识别 !important;
例如style=”*width:10px!important; width:20px;”
这样在IE6下宽度为10px,在IE7下宽度时20px

其中还有三种写法:

1种:
width:100px; /* FireFox及其他浏览器 */
width:200px\0; /* IE8能识别\0*/
*width:300px!important; /* ,IE7 既能能识别*号,也能识别important */
*width:400px; /* IE6也能识别*号 */
/*注意顺序 */

2种:
width:100px; /* FireFox及其他浏览器 */
width:200px\0; /* IE8能识别\0*/
*width:300px; /* IE7也能识别*号 */
_width:400px; /* IE6能识别下划线*/
/*注意顺序 */

3种:
width:100px; /* FireFox及其他浏览器 */
width:200px\0; /* IE8能识别\0*/
+width:300px; /* +只识别IE7 */
_width:400px; /* IE6能识别下划线*/
/*注意顺序 */

1..color1{ color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/
2..color2{ color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/
3..color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/
4..color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/
其中:OP表示Opera,SA表示Safari
————————————-
各种浏览器独立支持的hack:
width:100px\0;/* 支持IE8 */

_width:100px; /* 支持IE6 */

[width:100px; /* 支持IE6,7 */

+width:100px; /* 支持IE6,7 */

*width:100px; /* 支持IE6,7 */

*width:100px!important; /* 支持IE6,7, */

*+width:100px; /* 支持IE6,7, */

*+width:100px!important;/* 支持IE6,7, */

width:100px\9; /* 支持IE6,7,8 */

width:100px!important; /* 支持IE6,7,8,FF */

w\idth:100px; /*IE5.x不支持 IE6、IE7、IE8、FF支持 */

------------------
IE条件注释功能:

<!--[if IE]>此内容只有IE可见<![endif]–>
<!–[if IE 6.0]>此内容只有IE6.0可见<![endif]–>
<!–[if IE 7.0]>此内容只有IE7.0可见<![endif]–>





本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2010/06/21/1761924.html,如需转载请自行联系原作者
目录
相关文章
|
存储 缓存 网络协议
html&css&浏览器相关面试题大全(二)
html&css&浏览器相关面试题大全
126 0
|
Web App开发 编解码 前端开发
html&css&浏览器相关面试题大全(四)
html&css&浏览器相关面试题大全
118 0
|
3月前
|
前端开发 JavaScript
vue3【实战】创建项目、创建并提交代码到远程仓库,安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码,提升开发效率的必要集成
vue3【实战】创建项目、创建并提交代码到远程仓库,安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码,提升开发效率的必要集成
55 0
|
3月前
|
前端开发 JavaScript
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
312 0
|
存储 缓存 JavaScript
html&css&浏览器相关面试题大全(三)
html&css&浏览器相关面试题大全
|
5月前
|
Web App开发 前端开发
CSS Hack是什么?ie6,7,8的hack分别是什么
CSS Hack是什么?ie6,7,8的hack分别是什么
163 0
|
5月前
|
前端开发
(最简单)使用 reset-css 初始化浏览器css样式
(最简单)使用 reset-css 初始化浏览器css样式
228 1
|
5月前
|
Web App开发 前端开发 JavaScript
CSS容器查询获得主流浏览器支持,是什么?怎么用?
CSS容器查询获得主流浏览器支持,是什么?怎么用?
104 0
|
Web App开发 前端开发
CSS @media 判断不同浏览器使用不同CSS
CSS @media 判断不同浏览器使用不同CSS
63 0
|
Web App开发 前端开发 JavaScript
html&css&浏览器相关面试题大全(一)
html&css&浏览器相关面试题大全