CSS hack使用网页兼容各大浏览器：IE6，IE7，firefox

Post by 2010-7-3, Views:

为了让网页在不同浏览器之间兼容，需要掌握以下CSS hack知识：

IE6和IE7认识*号，IE6认识_下划线，IE7和firefox认识 !important，css里，最后一个样式优先。
为了不被物种多样化的IE家族搞郁闷，一般都忽略IE8，为了省事，在页面head加上：<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />，强制IE8按IE7的样式显示。

总结起来，常用的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和FF均不支持下划线。

于是大家还可以这样来区分FF，IE7，IE6
: background:orange;*background:green;_background:blue;

注：不管是什么方法，书写的顺序都是：Firefox -> IE7 -> IE6 -> 其他
FF的写在前面，IE7的写在中间，IE6的写在最后面。

资料留存待用！

欢迎转载，请注明转载自成都网站建设 - 经典博客 [ http://www.crazyken.cn/blog/ ]
本文链接地址：http://www.crazyken.cn/blog/post/css-hack.html

Tags: CSS hack

分类:网页设计 | 评论:1 | 引用:0 | 点击这里获取该日志的TrackBack引用地址

上一篇：哈利波特的魔法学校 - 欧洲唯一的魔法学校开课
下一篇：一年有几季？- 关于争议的处理方法