千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  应聘面试  >  html5面试题  > IE浏览器中的兼容

IE浏览器中的兼容

来源:千锋教育
发布人:qyf
时间: 2022-08-23 17:59:00 1661248740

IE浏览器中的兼容

- 1)图片有边框BUG

- 当图片加在IE上会出现边框 - Hack:给图片加border:0;或者border:0 none; 

- 2)图片间隙 

- div中的图片间隙BUG 

- 描述:在div中插入图片时,图片会将div下方撑大大约三像素。 

- hack1:将与写在一行上; 

- hack2:将转为块状元素,给添加声明:display:block; 

- 3) 双倍浮向(双倍边距)(只有IE6出现) 

- 描述:当Ie6及更低版本浏览器在解析浮动元素时,会错误地把浮向边边界(margin)加倍显示。 

- hack:给浮动元素添加声明:display:inline; 

- 4)默认高度(IE6、IE7) 

- 描述:在IE6及以下版本中,部分块元素拥有默认高度(在16px左右;) 

- hack1:给元素添加声明:font-size:0; - hack2:给元素添加声明:overflow:hidden;  

- 5)表单元素对齐不一致 

- 描述:表单元素行高对齐方式不一致 

- hack:给表单元素添加声明:float:left; 

- 6)按钮元素默认大小不一 

- 描述:各浏览器中按钮元素大小不一致 

- hack1: 统一大小/(用a标记模拟) 

- hack2:input外边套一个标签,在这个标签里写按钮的样式,把input的边框去掉。 

- hack3:如果这个按钮是一个图片,直接把图片作为按钮的背景图即可。 

- 7)鼠标指针bug 

- 描述:cursor属性的hand属性值只有IE9以下浏览器识别,其它浏览器不识别该声明,cursor属性的pointer属性值IE6.0以上版本及其它内核浏览器都识别该声明。

- hack: 如统一某元素鼠标指针形状为手型,应添加声明:cursor:pointer 

- 8)透明属性 

- 兼容其他浏览器写法:opacity:value;(value的取值范围0-1; 例:opacity:0.5;)  

- IE浏览器写法:filter:alpha(opacity=value);取值范围 1-100(整数)

更多关于web前端培训的问题,欢迎咨询千锋教育在线名师,如果想要了解我们的师资、课程、项目实操的话可以点击咨询课程顾问,获取试听资格来试听我们的课程,在线零距离接触千锋教育大咖名师,让你轻松从入门到精通。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT