网页排版中IE6,IE7,Firefox浏览器兼容性写法

开发 前端
本文向大家简单介绍一下DIV+CSS网页排版中IE6,IE7,firefox火狐浏览器兼容性写法,希望本文介绍对你的学习有所帮助。

你知道DIV+CSS网页排版中IE6,IE7,Firefox火狐浏览器兼容性写法吗,这里和大家分享一下,DIV+CSS浏览器兼容问题一直困绕着许多从事DIV+CSS网页排版的美工人员,尤其是IE与火狐的兼容。

DIV+CSS网页排版中IE6,IE7,firefox火狐浏览器兼容性写法

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       ×            √             √

【编辑推荐】

  1. IE8与IE7中页面打开速度和资源占用对比
  2. 区分IE6 IE7和IE8浏览器行之有效的办法
  3. IE6 IE7 IE8三个版本的CSS兼容速查手册
  4. 探秘IE8 JavaScript功能超乎想象
  5. 技术前沿 一段JS代码轻松解决IE6-IE8的兼容性问题


 

责任编辑:佚名 来源: hi.baidu.com
相关推荐

2010-09-15 11:18:27

IE6IE7火狐

2010-08-20 08:45:55

IE6IE7IE8

2010-08-17 15:07:48

IE6IE7IE8

2010-08-20 09:25:11

IE6IE7IE8

2010-09-15 11:32:37

IE6IE7浏览器兼容性

2010-09-15 10:19:12

IE6IE7IE8

2010-08-30 09:35:35

IE6IE7Firefox

2010-09-16 13:33:47

IE6IE7IE8

2010-08-18 14:21:48

FirefoxIE7IE6

2010-09-16 13:17:31

IE6IE7IE8

2010-08-18 13:54:35

IE6IE7Firefox兼容

2010-09-06 15:06:29

IE6IE7Firefox

2010-08-19 16:38:33

IE6IE7Firefox

2010-08-27 14:43:15

IE6IE7Firefox

2010-09-15 10:57:25

IE6IE7FF

2010-08-19 16:06:15

2010-08-18 15:22:28

IE6IE7Firefox

2010-08-20 12:45:41

IE6IE7Firefox

2010-08-20 09:33:22

IE6IE7IE8

2010-08-27 15:44:47

点赞
收藏

51CTO技术栈公众号