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

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

创新互联建站自2013年创立以来,先为十堰等服务建站,十堰等地企业,进行企业商务咨询服务。为十堰企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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、!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

网页题目:IE与Firefox浏览器差异与常见问题一览
当前路径:http://www.mswzjz.com/qtweb/news2/208302.html

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

广告

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