关于ie6常见浏览器兼容问题

ie6的退役无疑对前端工程师们来说是巨大的福音，不必再为ie6的兼容问题烧脑费时搬砖了，虽如此，还是整理一下ie6浏览器下的常见兼容性问题

图片间隙

描述：在div中插入图片时，图片会将div下方撑大三像素。
一.div中的图片间隙(该bug出现在IE6及更低版本中)

解决方案：
hack1:将与写在一行上；
hack2:将转为块状元素，给添加声明：display:block;
二. dt,li中图片间隙（IE6）

解决方案：
hack:将转为块状元素，给添加声明：display:block;
双倍浮向（双倍边距）

描述：当Ie6及更低版本浏览器在解析浮动元素时，会错误地把浮向边边界加倍显示。
hack:给浮动元素添加声明：display:inline
默认高度（IE6）

描述：在IE6及以下版本中，部分块元素拥有默认高度（低于18px高度）
hack1:给元素添加声明：font-size:0;
hack2：给元素添加声明：overflow:hidden;
表单元素行高不一致(IE,MOZ,C,O,S)

描述：表单元素行高对齐方式不一致
hack:给表单元素添加声明：float:left;
按钮元素默认大小不一致

描述：各浏览器中按钮元素大小不一致
hack1：统一大小/（用a标记模拟）
hack2:input外边套一个标签，在这个标签里写按钮的样式，把input的边框去掉。
hack3:如果这个按钮是一个图片，直接把图片作为按钮的背景图即可。
百分比bug

描述：在IE6及以下版本中在解析百分比时，会按四舍五入方式计算从而导致50%加50%大于100%的情况。
hack:给右面的浮动元素添加声明：clear:right; 意思：清除右浮动。
clear:left:清除左浮动
clear:both:清除两边的浮动
鼠标指针bug

描述：cursor属性的hand属性值只有IE浏览器识别，其它浏览器不识别该声明，cursor属性的pointer属性值IE6.0以上版本及其它内核浏览器都识别该声明。
hack:如统一某元素鼠标指针形状为手型，应添加声明：cursor:pointer;
透明属性

IE8以下浏览器写法：filter:alpha(opacity=value);取值范围 1-100
兼容其他浏览器写法：opacity:.value;(value的取值范围0-1,0.1,0.2,0.3—–0.9)
当li里的A转换成块元素时，如果想让所有的列表项都在同一行显示，需要将LI和A都设置浮动（float）属性，否则，IE6里会出现每个LI单独占一行的情况。
当LI里的A转成块元素时，给A写浮动属性后，IE6里会错误的将列表项显示成阶梯状，解决办法将LI元素也同样填加浮动属性。
li里a加display：block；(ie7以下版本浏览器)出现行高不一致；

hack1：给a加display：inline-block；
hack2:给li加float:left;

关于ie6常见浏览器兼容问题相关推荐

JavaScript解决常见浏览器兼容问题
JavaScript解决常见浏览器兼容问题我们提倡尽可能使用CSS,而且我们常常能做到这一点.现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计.但是有时候,某些网页元素在 ...
WEB前端开发人员须知的常见浏览器兼容问题及解决技巧
为什么会有兼容问题? 由于浏览器种类众多,不同的浏览器其内核亦不尽相同,故各个浏览器对网页的解析有一定出入,这也是导致浏览器兼容问题出现的主要原因,我们的网页需要在主流浏览器上正常运行,就需要做好浏览 ...
常见浏览器兼容问题、盒模型2种模式以及css hack知识讲解
什么是浏览器兼容问题?所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们 ...
html css常见浏览器兼容问题总结
1.居中问题 div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码: 1 margin: 0 auto; 2.高度问题两上下排列或嵌套的div,上面的div设置高度(height), ...
12种Javascript解决常见浏览器兼容问题的方法
们提倡尽可能使用CSS,而且我们常常能做到这一点.现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计.但是有时候,某些网页元素在不同的浏览器会出现不同. 如果你不知道原因,不 ...
常见的浏览器兼容问题及解决方案
1 浏览器内核不同浏览器的内核也不尽相同,所以各个浏览器对网页的解析存在一定的差异. 常见的浏览器内核: 浏览器名称内核 IE Trident内核,也称IE内核 Chrome(谷歌) 以前是Web ...
常见的浏览器兼容问题
来源于: http://developer.51cto.com/art/201008/218335.htm 浏览器兼容问题一:不同浏览器的标签默认的外边距和内边距不同问题症状:随便写几个标签,不加样 ...
五大主流浏览器的内核，前端在IE浏览器中常见的兼容问题
一标题五大主流浏览器及其内核 1.Trident 代表作:IE 元老级内核之一,由微软开发,并于1997年10月首次在ie 4.0中使用,凭借其windows垄断优势, Trident市场占有率一直 ...
css浏览器兼容问题的一些总结（IE6等）
说到浏览器兼容问题,所有前端开发人员肯定都遇到过,这个问题需要面对,也必须得面对. 记得2011年年底,刚刚来兴安得力实习的时候,做的第一个页面是一个信息港的页面,布局完这个页面之后.领导第一次让我考 ...
CSS常见的浏览器兼容汇总
CSS常见的浏览器兼容汇总一.从浏览器内核的角度来看,浏览器兼容性问题可分为以下三类: 1.渲染相关:和样式相关的问题,即体现在布局效果上的问题. 2.脚本相关:和脚本相关的问题,包括JavaSc ...

关于ie6常见浏览器兼容问题

ie6的退役无疑对前端工程师们来说是巨大的福音，不必再为ie6的兼容问题烧脑费时搬砖了，虽如此，还是整理一下ie6浏览器下的常见兼容性问题

关于ie6常见浏览器兼容问题相关推荐

最新文章

热门文章