ie6 兼容整理《一》

1、IE7以前ul里如果加的有div，这个div会被加到最后li里面。

解决：把div换成li，里面填充改存放的东西。

2、ie6不识别transparent（透明）。

解决：-border-color:orange;

-filter:chroma(color=orange);

原理：先定义一个颜色，然后在把这个颜色过滤掉。“-”是针对ie6的cssHack。

3、ie6不识别!important

解决：ie6不是不支持!important，而是如果把属性写在一个选择器里，!important会不识别。

IE6显示错误理解：.demo显示为黑色

.demo { color:#F00!important; color:#000; }

这时.demo显示为红色 
.demo { color:#F00!important; color:#000; }
.demo { color:#000; }

http://blog.sina.com.cn/s/blog_7cc248520100t7fp.html

4、ie6对z-index的bug

ie6和7有一个bug，如果只对一个子元素设定z-index，这个值再高，也不能覆盖与父元素同级的其他元素。

通用的解决办法是对子元素的父元素也定义一个z-index的值。

<div class="container">
        <div class="test"></div>        
</div>

css:

.test {position:absolute; z-index:9999;}

div里面加一句

.container {z-index:100;}

如果container还有父级，就要在这个父级也定义一个z-index的值。。。。

另外，z-index有效的话还要

①、自身要有position:absolute\relative

②、父级标签不能有position:relative

③、自身标签不能有含有float属性。

http://blog.sina.com.cn/s/blog_93a6a0c30101fshd.html

5、zoom的作用深入理解

6、ie6的盒模型：

ie6和其他浏览器盒模型不一样，宽度=width+padding+border+margin.

一般块级元素要有height，如果只写padding、border或margin会出现高度塌陷，整体排版混乱。

解决：在不需要添加高度的标签添加-height:0;(只针对ie6有效)

7、alert(000000.....)不管有多少个0都会弹出一个0;

原因：还不知道

8、ie6的100%有异常

如父级的宽高给定值，在给子级加width:100%;height:100%;这时子级的宽高不是父级的宽高，

解决：给父级加overflow:hidden;