浏览器兼容问题之IE6篇

1、IE6 hover属性不起作用:元素必须加标签来包裹，并且要添加a:hover{zoom:1}来触发hover属性。（zoom为IE专有）
2、IE6双倍边距bug：当页面上的元素使用float浮动时，不管是向左还是向右浮动；只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10px” 在IE6中，该值就会被解析为20px。想要解决这个BUG就需要在该元素中加入display:inline 或 display:block 明确其元素类型即可解决双倍边距的BUG
3、IE6中3像素问题及解决办法：当元素使用float浮动后，元素与相邻的元素之间会产生3px的间隙。诡异的是如果右侧的容器没设置高度时3px的间隙在相邻容器的内部，当设定高度后又跑到容器的相反侧了。要解决这类BUG的话，需要使布局在同一行的元素都加上float浮动。
4、IE6中奇数宽高的BUG：IE6中奇数的高宽显示大小与偶数高宽显示大小存在一定的不同。其中要问题是出在奇数高宽上。要解决此类问题，只需要尽量将外部定位的div高宽写成偶数即可。
5、IE6下空元素的高度BUG：

如果一个元素中没有任何内容，当在样式中为这个元素设置了0-19px之间的高度时。此元素的高度始终为19px。

解决的方法有四种:

1.在元素的css中加入：overflow:hidden

2.在元素中插入html注释：

3.在元素中插入html的空白符： 

4.在元素的css中加入：font-size:0

6、重复文字的BUG：

在某些比较复杂的排版中，有时候浮动元素的最后一些字符会出现在clear清除元素的下面。

解决方法如下：

1.确保元素都带有display:inline

2.在最后一个元素上使用“margin-right:-3px

3.为浮动元素的最后一个条目加上条件注释，xxx

4.在容器的最后元素使用一个空白的div，为这个div指定不超过容器的宽度。

7、z-index无论设置多高都不起作用：解决方法，解决方法有三，1、position:relative改为position:absolute；2、去除浮动；3、浮动元素添加position属性（如relative，absolute等）。


另转载几个浏览器兼容性问题解决方法链接：
http://blog.sina.com.cn/s/blog_6dd5ebcb0100yz04.html
http://www.cnblogs.com/li0803/archive/2009/08/22/1552094.html