兼容手札

IE6 div最小高度问题

当div的最小高度小于一定的值以后，div的高度会固定在一个值不再发生变动。并非是div有一个默认的高度，而是你没有解决一个隐藏的参数：font-size。 IE6 会固执的认为这个层的高度不应该小于字体的行高。

处理的方法：

1. 定义 overflow:hidden 属性来限制 DIV 高度的自动调整.

2. 强制定义该 DIV 的字体尺寸(设置 font-size:0 时这个容器的高度最小为 2px ，如果要设置 DIV 高度为 0 或 1px ，则需要使用 overflow:hidden; 来实现).

3. 跳过IE6中对font-size的限定，使用line-height来进行定义，但是div里必须填写内容，如果没有内容，用 替换.

http://www.fufuok.com/ie6-div-min-height.html

http://www.cnblogs.com/mslove/archive/2009/03/23/1420050.html

-------------------------------------------------------------------------------------------------

IE positioned元素默认设置z-index问题

任何元素的zindex的比较都是建立在context上的。如上图如果h1h2设定了zindex他们的context都是html。如果再给div设定zindex，那么h1的context就是div，比较h1h2时候先要比较他们各自的context的index。

IE 有一个bug就是如果你设置了一个元素的position，那么IE会默认给这个元素加上z-index:0，这样产生的后果是：如果给div设置了zindex，给p设置了position，那么比较h1h2他们zindex的时候就变成了先要比较div和p的zindex（正常情况下应该是比较div和html的zindex的），你再怎么设高h2的index都不能盖在h1上面除非你设置p的zindex高过div的zindex。

http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex

http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

------------------------------------------------------------------------------------------------

IE中绝对定位元素无法根据其四个方向的偏移量自动计算其尺寸（转）

在 IE6 IE7(Q) IE8(Q) 中，若一个非替换绝对定位元素没有显式设定 'width' 和 'height' 特性，则其无法如规范所述根据其四个方向的偏移量自动计算其尺寸。

http://w3help.org/zh-cn/causes/RD8008

------------------------------------------------------------------------------ ------------------

textContent & innerText