IE6中的问题

一、块元素浮动时的双倍margin

　　解决办法：display:inline;

二、需要避开不能整除或不能平分的数

　　例如：父元素包含四个子元素，四个子元素宽度为25%，则父元素的宽度必须为能被4整除的数。

三、内部盒模型超出父级时，父级被撑大 
　　解决方法：父标签使用overflow:hidden（溢出即隐藏）

四、标签高度无法小于19px。

　　解决方法：overflow:hidden（溢出即隐藏）

五、hover只能用在a上。

　　未找到解决办法，设计时尽量避免。

六、没有子选择器

　　解决办法：避开用子选择器，能用后代选择器就用，不能就编个类。

七、:first-child、:last-child、:not选择器都不支持

　　*第一个w3c上说可我测试用不了。

 

　　解决办法：1.把全部子元素都设置再单独设置其中的一个。

　　　　　　　2.编个类。

八、不支持png透明

　　解决办法：1.用GIF（图片质量会变低）

　　　　　　　2.用JS（影响载入速度）

九、条件注释

　　<!--[if lte IE 6]> 这段文字仅显示在 IE6及IE6以下版本。 <![endif]--> 
　　<!--[if gte IE 6]> 这段文字仅显示在 IE6及IE6以上版本。 <![endif]--> 
　　<!--[if gt IE 6]> 这段文字仅显示在 IE6以上版本（不包含IE6）。 <![endif]--> 
　　<!--[if IE 6]> 这段文字仅显示在 IE6。 <![endif]-->
　　<!--[if !IE 6]> 这段文字仅在 IE6不显示。 <![endif]--> 

以上为目前所碰到的IE6上的问题，有待继续补充。