FF与IE兼容问题
6页1、CSS 对浏览器器的兼容性具有很高的价值,通常情况下 IE 和 Firefox 存在 很大的解析差异,这里介绍一下兼容要点。常见兼容问题:1. DOCTYPE 影响 CSS 处理2. FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3. FF: body 设置 text-align 时,div 需要设置 margin: auto(主要 是 margin-left,margin-right) 方可居中4. FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width5. FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别 设置样式6. div 的垂直居中问题: vertical-align:middle; 将行距增加到和整 个 DIV 一样高 line-height:200px; 然后插入文字,就垂直居中了缺点是要控制 内容不要换行7. cursor: pointer
2、可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以8. FF: 链接加边框和背景色,需设置 display: block, 同时设置 float:left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避 免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。9. 在 mozilla firefox 和 IE 中的 BOX 模型解释不一致导致相差 2px 解 决方法:divmargin:30px!important;margin:28px;注意这两个margin的顺序一定不能写反,据阿捷的说法!important这 个属性IE不能识别,但别的浏览器可以识别。所以在IE下其实解释成这样:divmaring:30px;margin:28px重复定义的话按照最后一个来执行,所以不可以只写 margin:XXpx!important;10.IE5和IE6的BOX解释不一致IE5 下divwidth:300px;margin:0 10px 0 10px;div的宽度会被解释为300px-10px(右填充)-10px(左
3、填充)最终div的 宽度为280px,而在IE6和其他浏览器上宽度则是以300px+10px(右填 充)+10px(左填充)=320px来计算的。这时我们可以做如下修改divwidth:300px!important;width /*/:340px;margin:0 10px 0 10px关于这个/*/是什么我也不太明白,只知道IE5和firefox都支持但 IE6不支持,如果有人理解的话,请告诉我一声,谢了!:)ll.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin 有值所以先定义ulmargin:0;padding:0;就能解决大部分问题注意事项:1、float的div 一定要闭合。例如: (其中 floatA、 floatB 的属性已经设置为 float:left;)这里的 NOTfloatC 并不希望继续平移,而是希望往下排。这段代码在IE中毫无问题,问题出在FF。原因是NOTfloatC并非float 标签,必须将float标签闭合。在之间加上这个 div 一定要注意声明位置,一定要放在最恰当的地方,而且必须与 两个具有float属性的div同
4、级,之间不能存在嵌套关系,否则会产生异常。并且将 clear 这种样式定义为为如下即可:.clearclear:both;此外,为了让高度能自动适应,要在 wrapper 里面加上 overflow:hidden;当包含 float 的 box 的时候,高度自动适应在 IE 下无效,这时候应该 触发IE的layout私有属性(万恶的IE啊!)用zoom:l;可以做到,这样就达到 了兼容。例如某一个 wrapper 如下定义:.colwrapperoverflow:hidden;zoom:1;margin:5px auto;2、margin 加倍的问题。设置为float的div在ie下设置的margin会加倍。这是一个ie6都存 在的 bug。解决方案是在这个div里面加上display:inline;例如:相应的 css 为#IamFloatfloat:left;margin:5px;/*IE 下理解为 10px*/display:inline;/*IE 下再理解为 5px*/3、关于容器的包涵关系很多时候,尤其是容器内有平行布局,例如两、三个 float 的 div 时, 宽度很容易
《FF与IE兼容问题》由会员cl****1分享,可在线阅读,更多相关《FF与IE兼容问题》请在金锄头文库上搜索。
财务部工作总结标准样本(3篇).doc
辽宁省朝阳市中考语文试题及点评
秘书职能环境
糯扎渡安装工区工程施工进度的报告
提高铁路工务线路维修质量的措施
体育课外活动安排表
2022年六年级体育教学工作总结
2020年医院会计的年度个人工作总结
议论文阅读答题技巧
五年级下册各单元英语知识点
企业知识存量评价指标权重调查问卷
正确食用腐乳有哪些好处
初中教师2023年度考核个人工作总结(二篇).doc
控烟考评奖惩制度例文(五篇)
2023年吉林省房地产估价师案例与分析房地产市场调查研究考试题
河源职业技术学院公共体育俱乐部手册
新生儿护士述职报告范文
保育员个人工作总结标准样本(3篇).doc
农副产品猪小肠加工处理技改项目创业计划书写作模板
水泥运输合同精选版(四篇).doc
2023-07-21 9页
2023-07-24 6页
2024-02-16 6页
2023-03-04 19页
2023-06-28 3页
2023-03-26 22页
2023-04-26 4页
2023-11-04 8页
2023-04-19 1页
2022-11-03 14页