ie兼容问题
1.块状元素浮动产生双倍bug问题(display:inline)
2.最小高度 ie6下盒子的最低高度是20 小于20 overflow:hidden(见浏览器兼容最小高度)
3.图片和背景半透明 (背景透明:filter:alpha(opacity=55);)
4.img行内块元素下的留白(display:block)
5.span换行问题 (1.交换位置 2.加左右浮动 3.使用hack *margin-top:)
6.浮动元素作为布局或复杂的容器需定义宽度
7.overflow-y:auto; 在ie6下不起作用 加 position:relative;
ie6兼容问题
最小高度:在网页布局时常会用到div来显示一些边角背景,需要设置较小的高度,默认情况下,IE6 中设置div 较小高度会不起作用,在 IE7、FF 等浏览器不存在这个问题。
IE6 下默认的字体尺寸大致在 12 – 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE6 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:5px; 来定义了一个 div 的高度,实际在 IE6 下显示的仍然是一个 12px 左右高度的层。
要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制 div 高度的自动调整。例如:
<div style="height: 5px; font: 0px Arial; line-height:0;"></div>
或者:
<div style="height: 5px; overflow: hidden;"></div>
值得注意的是,设置 font-size:0 时这个容器的高度最小为 2px ,如果要设置 DIV 高度为 0 或 1px ,则需要使用 overflow:hidden; 来实现。
一像素问题:
绝对定位的bottom:0 ie6会出现错一像素问题 解决:把父级元素的高度设为偶数
解决IE6 不支持 position:fixed bug问题
http://www.cnblogs.com/hooray/archive/2011/05/20/2052269.html