去面试啦 兼容方案

一、HTML5标签兼容方案：html5shiv.js

html5shiv.js可帮助IE6-8浏览器兼容HTML5语义化标签。

二、CSS3媒体查询兼容方案：Respond.js

Respond.js可帮助IE6-8兼容“min/max-width”媒体查询条件

三、CSS3字体单位“rem”兼容方案：rem.js

四、清除默认样式Normalize.css

 

 

五、常见的兼容性问题：

2、IE6双边距问题；在 IE6中设置了float , 同时又设置margin , 就会出现边距问题

解决方案：设置display:inline;

 

 

IE 的事件处理和 W3C 的事件处理有哪些区别？(必考)

绑定事件

• W3C: targetEl.addEventListener('click', handler, false);
• IE: targetEl.attachEvent('onclick', handler);

删除事件

• W3C: targetEl.removeEventListener('click', handler, false);
• IE: targetEl.detachEvent(event, handler);

事件对象

• W3C: var e = arguments.callee.caller.arguments[0]
• IE: window.event

事件目标

• W3C: e.target
• IE: window.event.srcElement

阻止事件默认行为

• W3C: e.preventDefault()
• IE: window.event.returnValue = false'

阻止事件传播

• W3C: e.stopPropagation()
• IE: window.event.cancelBubble = true

 

 

IE注释

csshcak

兼容前缀

 

5.写出几种IE6 BUG的解决方法

• 双边距BUG float引起的 使用display
• 3像素问题 使用float引起的 使用dislpay:inline -3px
• 超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
• Ie z-index问题 给父级添加position:relative
• Png 透明 使用js代码 改
• Min-height 最小高度 ！Important 解决’
• select 在ie6下遮盖 使用iframe嵌套
• 为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）