IE6,IE7,火狐浏览器兼容性写法

 用DIV+CSS布局的网页在IE下显示一切正常,可是在火狐(FireFox)浏览器里打开,结果个是非常混乱,这一定会影响到你的网站的推广,seo优化,不利于搜所引擎的搜索,所以解决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都能识别*;标准浏览器(如FF)不能识别*;

2.IE6能识别*,但不能识别!important,

3.IE7能识别*,也能识别!important;

4.firefox不能识别*,但能识别!important;

◆请看下简单的DIV+CSS浏览器兼容实例:

1.IE6和firefox的区别: 

 
 
 
  1. background:orange;  
  2.  
  3. *background:blue;  

意思就是火狐浏览器的背景颜色是橙色,而IE浏览器的背景色是蓝色.

2.IE6和IE7的区别: 

 
 
 
  1. background:green!important;  
  2.  
  3. background:blue;  

意思指的是:IE7的背景颜色是绿色,IE6的背景颜色是蓝色

3.区别IE7与FF: 

 
 
 
  1. background:orange;  
  2.  
  3. *background:green;  

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

4.FF,IE7,IE6:

 
 
 
  1. background:orange;  
  2.  
  3. *background:green!important;  
  4.  
  5. *background:blue;  

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

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

                   IE6          IE7          FF

           *          √           √            ×

  important      ×           √            √

【编辑推荐】

  1. JavaScript巧解IE6至IE8兼容问题
  2. IE6、IE7、IE8三大浏览器兼容性对比
  3. 网页排版中IE6,IE7,Firefox浏览器兼容性写法
  4. CSS属性display:inline-block使用揭秘
  5. Firefox、IE7、IE6浏览器兼容问题概念解析

 

分享标题:IE6,IE7,火狐浏览器兼容性写法
链接地址:http://www.csdahua.cn/qtweb/news22/424772.html

网站建设、网络推广公司-快上网,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 快上网