• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >浏览器兼容 > IE Firefox在css中的差别 (部分)

IE Firefox在css中的差别 (部分)

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-06-02

本文主要包含ie firefox,ie chrome firefox,ie 7 firefox 3,firefox google ie8.0,firefox ie插件等相关知识,佚名 希望在学习及工作中可以帮助到您
1、单位问题

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

2、水平居中
问题:div里的内容,ie默认为center,而ff默认left
解决:mairgin:0px auto;

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效果一样,可以用下面方法解决
#cctext{
min-width: 700px;
max-width: 1000px;
width:expression(document.body.clientWidth<700 ? "700px" : document.body.clientWidth>1000 ? "1000px" : "auto");
}

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>

您可能想查找下面的文章:

  • 一个很有用的Firefox和IE插件
  • IE与Firefox的CSS兼容大全 推荐
  • CSS实现 Firefox 和 IE 都支持的半透明效果
  • FireFox正常 IE错位的绝对定位元素
  • css 自动换行 强制换行属性 (firefox+ie)
  • IE和FireFox JavaScript的函数名的作用域的异同
  • IE与Firefox中兼容的html设计中使用CSS改变鼠标为手形
  • IE Firefox在css中的差别 (部分)

相关文章

  • 2017-06-02无hack无js全兼容text-overflow-ellipsis效果
  • 2017-06-02关于Firefox下截取后省略号的问题
  • 2017-06-02Firefox Bug: inline/inline-block的间隙采用代码缩进可解决
  • 2017-06-02ie6,7下空DIV无任何内容时占据空间问题解决
  • 2017-06-02IE6下div层被select控件遮住的问题解决方法
  • 2017-06-02如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器
  • 2017-06-02跨浏览器的inline-block声明上承诺了很多提供的却很少
  • 2017-06-02css hack总结 图片整理版
  • 2017-06-02ie8下不解析background属性与书写格式有关
  • 2017-06-02IE6 position:fixed bug (固定窗口方法)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • firebug使用方法 在IE上使用firebug的技巧图文介绍
    • CSS实现 Firefox 和 IE 都支持的半透明效果
    • 详谈IE条件注释
    • firefox不显示border通过清除float便可解决
    • IE6/7/8/9中table元素align=center权重比margin:0大的实例说明
    • 在支持HTML5的浏览器上运行WebGL程序的方法
    • IE下background背景图片无法显示问题解决方法
    • 认识浏览器:Firefox 浏览器
    • IE7下在DD DT中插入a元素结果列表显示逐级向左
    • ie6下embed标签不能播放视频问题解决方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有