IT新时空教育学院IT新时空教育学院

咨询热线:027-8739 6663

网页设计教程
您当前所在的位置:主页 > 学习教程 > 网页设计教程 >

分享到:

CSS中FF和IE的兼容性的表现

来源:IT新时空教育中心

点击量:

推荐指数:★★★★★

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 和 width 
 
5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式 
 
6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 
 
7.cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以 
 
8.FF: 链接加边框和背景色,需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。 
 
9.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: 
div{margin:30px!important;margin:28px;} 
注意这两个margin的顺序一定不能写反,据阿捷的说法!important这个属性IE不能识别,但别的浏览器可以识别。所以在IE下其实解释成这样: 
div{maring:30px;margin:28px} 
重复定义的话按照后一个来执行,所以不可以只写margin:XXpx!important; 
 
10.IE5 和IE6的BOX解释不一致 
IE5下 
div{width:300px;margin:0 10px 0 10px;} 
div的宽度会被解释为300px-10px(右填充)-10px(左填充)终div的宽度为280px,而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改 
div{width:300px!important;width /**/:340px;margin:0 10px 0 10px} 
关于这个/**/是IE5和firefox都支持但IE6不支持 
 
11.ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义 
ul{margin:0;padding:0;} 

想知道更加详细的内容请点击这里>>

有问题?专业咨询团队为您解答!

周老师

课程顾问 周老师

对话周老师
王老师

课程顾问 王老师

对话王老师
吴老师

课程顾问 吴老师

对话吴老师
吕老师

课程顾问 吕老师

对话吕老师
韩老师

课程顾问 韩老师

对话韩老师
李老师

课程顾问 李老师

对话李老师
刘老师

课程顾问 刘老师

对话刘老师
报名送3000元学习礼包

EXP
经验导入教学

毕业等于两年工作经验

采用EXP8.0工作经验导入教学法在学习过程中直接接受老师的工作经验,让整个学习过程更加富有实战性,学习的内容更加贴近实际工作的需要,学成之后可以直接胜任各种设计工作,提高对于工作的自信心。【了解更多】

MTS
6对1保障式教学

学不会才是奇迹

总监面对面授课保障教学质量,在线同步视频加远程同步视频让你全天随时随地学,面对面总监辅导一遍学不会的内容反复讲,班主任心理辅导规划你未来的职业人生,丰富课余活动,劳逸结合让学习更加有效率。【了解更多】

OPR
有偿项目开发教学

学习也可以拿工资

IT新时空与上万家企业合作,引入全真企业项目,使用全新的OPR有偿项目开发教学阶段,不但可以学习到真实的企业工作项目,还可以拿到一定量的报酬,让学员学习赚钱两不误。【了解更多】

IT新时空倾力打造三大教学模式让我们的学员在职场上竞争力提高更多

测试题

设计学习报名常见问题解答

在线咨询
全国免费咨询电话:027-8739 6663
IT新时空设计师高级实训基地

联系电话:027-87396663
咨询QQ:51481188 200911884
地址:武汉市洪山区珞狮南路 南国雄楚广场
(南国大家装)A1栋8楼
版权所有©1998-2017  鄂ICP备09001907号-2