IE与Firefox浏览器差异与常见问题一览

开发 前端
IE与Firefox浏览器的差异有很多值得学习的地方,本文和大家分享一下IE与Firefox浏览器差异与常见问题一览,希望对你的学习有所帮助。

本文和大家重点讨论一下IE与Firefox浏览器差异与常见问题一览,主要从八个方面来向大家介绍,相信本文介绍一定会让你有所收获。

IE与Firefox差异与常见问题一览

又是一篇介绍IE与Firefox下兼容性产生差异的文章。浏览器之间可以达成共协,对网页编写者来说期待着这一天。

1、单位问题

问题:任何距离的数值IE可以不加单位,ff必须要求写单位(0除外)
解决:写全单位如padding:0px;

2、水平居中

问题:div里的内容,IE默认为center,而ff默认left
解决:mairgin:0pxauto;

3、高度问题

问题:如果设置了一个DIV的高度,当DIV里实际内容大于所设高度,IE会自动拉伸以适应DIV容器大小,ff会固定DIV的告诉,超过部分超出DIV底线以外,出现和下面的内容重叠的现象
解决:控制恰当的高度,或者不写,让浏览器自动调节高度,或者设置overflow:hidden;

4、clear:both;

问题:如果上面用float控制了n列DIV,下面IE会自动检测自动排列,ff则可能很不老实,到处乱动
解决:float结束后的下一个标签加clear:both;以结束float的控制

5、最大/小宽度问题

问题:min-width,max-width只是ff的命令,如何让IE实现同样的效果
解决:IE不认识min-和max-,实际IE认为min-width、max-width和width效果一样,可以用下面方法解决 

  1. #cctext{  
  2. min-width:700px;  
  3. max-width:1000px;  
  4. width:expression(document.body.clIEntWidth<700?"700px":document.body.clIEntWidth>1000?"1000px":"auto");  
  5. }  
  6.  

6、!important支持

问题:ff支持IE不支持
解决:无。IE会忽略。

7、游标状态

问题:cursor:hand;仅IE支持,显示手指状态
解决:使用cursor:pointer;IE和ff都支持

8、实际像素

IE/Opera:对象的实际宽度=(margin-left)+width+(margin-right)
Firefox/Mozilla:对象的实际宽度=(margin-left)+(border-left-width)+(padding-left)+width+(padding-right)+(border-right-width)+(margin-right)
所以排列好及列的表格时IE和ff显示宽度稍有区别

文章来源:Div-Css.net设计网参考:http://www.div-css.net/div_css/topic/index.asp?id=7162

【编辑推荐】

  1. IE8与IE7实现共存的两种方法揭秘
  2. DIV层在IE6下被下拉框遮挡的解决方法
  3. JavaScript巧解IE6至IE8兼容问题
  4. 深入探究IE8和IE7的24个区别
  5. 使用X-UA-Compatible来设置IE8兼容模式
责任编辑:佚名 来源: div-css.net
相关推荐

2010-08-16 15:15:12

CSSFireFoxIE

2011-02-23 10:17:49

浏览器OperaSafari

2010-08-19 09:09:53

FirefoxIECSS

2009-03-25 09:11:35

Firefox浏览器

2009-10-19 23:25:04

2010-08-09 16:34:00

2022-07-08 15:01:40

工具浏览器

2010-08-18 14:21:48

FirefoxIE7IE6

2012-06-11 10:54:44

浏览器全洞悉

2021-04-15 13:17:32

ChromeChrome浏览器浏览器

2010-08-20 10:21:25

FirefoxIE浏览器

2010-08-11 15:17:51

浏览器兼容性问题

2011-03-29 13:23:54

CACTI

2009-04-20 09:01:32

2022-05-29 16:59:21

微软Edge浏览器

2010-09-01 14:51:12

CSSIEFirefox

2021-12-21 22:43:18

谷歌Chrome 浏览器

2011-05-23 10:29:31

Fedora 15

2022-05-18 09:11:19

IE浏览器

2011-03-23 09:53:16

Firefox 4改进
点赞
收藏

51CTO技术栈公众号