本文和大家重点讨论一下在IE6、IE7、Firefox下的DIV+CSS网页布局的注意问题，相信本文介绍一定会让你有所收获。
在IE6、IE7、Firefox下的DIV+CSS网页布局的注意问题
DIV+CSS浏览器兼容问题一直困绕着许多从事DIV＋CSS网页排版的美工人员，尤其是IE与火狐的兼容.用DIV+CSS布局的网页在IE下显示一切正常,可是在火狐（FireFox）浏览器里打开，本来好好网页一下子就全乱了.让人怎么看?这一定会影响到你的网站的推广,seo优化,不利于搜所引擎的搜索.所以解决DIV+CSS浏览器兼容的问题是完全必须的。
下面来看一下DIV+CSS浏览器兼容的实例，区分IE6，IE7，firefox火狐浏览器CSS的写法，先来分开区分一下。
◆首先声明DIV+CSS浏览器兼容性IE6与IE7与火狐(firefox)的一些识别规则：
1.IE都能识别*;标准浏览器(如Firefox)不能识别*；
2.IE6能识别*，但不能识别!important,
3.IE7能识别*，也能识别!important;
4.firefox不能识别*，但能识别!important;
◆请看下简单的DIV+CSS浏览器兼容实例:
1．IE6和firefox的区别：
background:orange;*background:blue;
意思就是火狐浏览器的背景颜色是橙色,而IE浏览器的背景色是蓝色.
2.IE6和IE7的区别：
background:green!important;background:blue;
意思指的是:IE7的背景颜色是绿色,IE6的背景颜色是蓝色
3.区别IE7与Firefox：
background:orange;*background:green;
意思指的是:火狐浏览器的背景颜色是橙色,而IE7的背景颜色是绿色
4.Firefox，IE7，IE6：
background:orange;*background:green!important;*background:blue;
意思是火狐浏览器的的背景橙色,IE7浏览器的背景颜色是绿色,而IE6浏览器的颜色是蓝色.
为了更加清楚的来表达说明DIV+CSS浏览器兼容下面表格是更加清楚的能表达IE6,IE7,Firefox之间的识别标识区别:
IE6 IE7 Firefox
* √ √ ×
important × √ √
_(下划线) √ × ×
【注：:不管是什么方法，书写的顺序都是Firefox的写在前面，IE7的写在中间，IE6的写在最后面。】
【编辑推荐】
