本文主要讲解“IE6中常见的CSS解析bug有哪些”。本文的解释简单明了，易学易懂。接下来，请跟随边肖的思路学习和学习“IE6中常见的CSS解析bug有哪些”！
1.默认高度(IE6)
描述：在IE6和更高版本中，一些块元素具有默认高度(大约16px)
Hack1:向元素添加声明：font-size :0；
Hack2:向元素添加声明：overflow:hidden
2.图片有边框BUG。当图片添加到IE时，会出现一个边框Hack:向图片添加边框：0。或border:none
3.图片间隙，div中的图片间隙BUG
描述：将图片插入div时，图片会将div底部放大约三个像素。
Hack1:将与写在同一行；ie6
Hack2:将被转换成块元素，声明：display:block
Hack3:将垂直对齐：top/middle/bottom添加到图片中。
4.双浮动(双边距)(仅显示IE6)
描述：当Ie6和更早的浏览器解析浮动元素时，它们会错误地将浮动边缘边距加倍。
Hack:将声明添加到浮动元素：display:inline
5.表单元素的行高对齐不一致。
说明：表单元素的行高对齐不一致。
Hack:向表单元素添加声明：float:left
6.按钮元素的默认大小不同。
说明：不同浏览器的按钮元素大小不一致。
Hack1:统一尺寸/(用标记模拟)
Hack2:input在输入外部输入一个标签，在这个标签中写入按钮样式，并移除输入的边框。
Hack3:如果这个按钮是图片，只需要用图片作为按钮的背景即可。
7.百分比错误
说明：在IE7及更高版本中，分析百分比时会采用四舍五入的方式计算，导致50%加50%大于100%的情况。(也受系统影响)
Hack:向右边的浮动元素添加声明：clear:right含义：清除正确的浮动。
8.鼠标指针错误
说明：游标属性的手属性值只被IE9以下的浏览器识别，其他浏览器不识别这个声明，游标属性IE6.0以上和其他内核浏览器的指针属性值都识别这个声明。
Hack:如果一个元素的鼠标指针形状是手形的，应该添加一条语句：cursor:pointer
9.透明度属性
兼容其他浏览器：opacity:value(值的取值范围为0-1；
示例：opacity:0.5)
IE浏览器的编写：filter:alpha(不透明度=值)；数值范围为0-100(整数)
10.李列表的bug
1):当父元素(li)具有float:left时；垂直臭虫；将在子级(a)未设置为浮动时发生；
Hack:为父元素li和子元素A设置浮动；
2):当li中的A转换为block时；而当有高度和浮子的时候，在li中没有浮子的时候会有阶梯显示。
Hack:同时给li添加float
1.当左右浮动分别加到li中的a和span，li设置好高度后，在IE7及以下的浏览器中，li下方会有3个像素左右的间隙；
Hack:添加float:left；致李；和宽度：100%；
12.如果当前元素(父元素中的第一个子元素)和父元素没有任何浮动设置，则在设置页边距顶部后，页边距顶部将被错误地添加到父元素中。
Css黑客：
1.向父元素添加overflow:hidden(推荐)
2.向父元素或子元素添加浮动
3.当父元素有边框时，可以直接将边距顶值添加到子元素中；
13 .保证金BUG
两个元素上下排列时，上元素有边距-底：30px以下元素有边距-top :20 px；它们之间的距离不会相加，但会被设置为更大的值；
感谢阅读。以上就是“IE6中常见的CSS解析bug有哪些”的内容。看完这篇文章，相信你对IE6中常见的CSS解析bug有了更深的理解，具体用法还需要实践验证。在这里，边肖将为您推送更多关于知识点的文章，敬请关注！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/142059.html