浏览器兼容问题

浏览器兼容问题

五大浏览器内核
浏览器兼容问题_第1张图片

五大浏览器内核代表作品

五大浏览器内核代表作品

浏览器兼容问题_第2张图片

为什么会出现浏览器兼容问题

为什么会出现浏览器兼容问题

css Bug.css Hack和Filter

浏览器兼容问题_第3张图片

![使用Hack带来的一些副作用]

浏览器兼容问题_第4张图片

图片间隙

浏览器兼容问题_第5张图片

dt,li中图片间隙

浏览器兼容问题_第6张图片

双倍浮向(双倍边距)(只有ID6出现)

浏览器兼容问题_第7张图片

图片在IE浏览器上有蓝色的边框(加在a标签里)

浏览器兼容问题_第8张图片

默认高度(IE6.IE7)

浏览器兼容问题_第9张图片

表单元素距离顶部间距不一致(IE,MOZ,C,O,S)

浏览器兼容问题_第10张图片

按钮元素默认大小不一

浏览器兼容问题_第11张图片

用a模拟按钮

浏览器兼容问题_第12张图片

百分比bug
border:none;在IE6不识别,要用border:0;

浏览器兼容问题_第13张图片

自适应两栏布局
在IE6解析中会右面留间隙,然后别挤出去
可用overflow:hidden;

浏览器兼容问题_第14张图片

子元素没设置任何浮动,设置了margin-top属性后,会错误的把margin-top的属性值添加给父元素

给父元素加overflow:hidden;
或者给子元素添加float:left;

浏览器兼容问题_第15张图片

bug
bug

你可能感兴趣的:(日志,浏览器)