Div+css浏览器兼容问题大全（一）

　　div+css浏览器兼容问题一直困绕着许多从事DIV＋CSS网页排版的美工人员，尤其是IE与火狐的兼容.用div+css布局的网页在IE下显示一切正常,可是在火狐（FireFox）浏览器里打开，本来好好网页一下子就全乱了.让人怎么看?这一定会影响到你的网站的推广,seo优化,不利于搜所引擎的搜索.所以解决div+css浏览器兼容的问题是完全必须的.

下面来看一下di+css浏览器兼容的实例，区分IE6，IE7，firefox 火狐浏览器CSS的写法：

先来分开区分一下。

首先声明div+css浏览器兼容性IE6与IE7与火狐(firefox)的一些识别规则：

1.       IE都能识别* ; 标准浏览器(如FF)不能识别*；

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与FF：

       background:orange; *background:green;

意思指的是:火狐浏览器的背景颜色是橙色,而IE7的背景颜色是绿色

 

4.       FF，IE7，IE6：

       background:orange;*background:green !important;*background:blue;

意思是火狐浏览器的的背景橙色,IE7浏览器的背景颜色是绿色,而IE6浏览器的颜色是蓝色.

 

为了更加清楚的来表达说明div+css浏览器兼容下面表格是更加清楚的能表达IE6,IE7,FF之间的识别标识区别:

 

	IE6	IE7	FF
*	√	√	×
important	×	√	√

 

 

稍后发布Div+css浏览器兼容问题大全（二），敬请关注!

 

此文“Div+css浏览器兼容问题大全（一）”来自于百洋软件研究实验室