随笔

主要记录一些学习和工作中遇到的问题和心得  （IE6你是我大爷）

一、父容器如果设置了position:relative|absolute|fixed，那么子容器中的overflow:hidden就会失效。IE6中会无视这一条。

二、火狐浏览器不支持jQuery关于backgroundPosition的animate。

三、关于浏览器获取backgroundPosition

　　1.IE6/7/8：识别backgroundPositionX/Y ,但是不识别backgroundPosition

　　2.FireFox和opera：不识别backgroundPositionX/Y,但是识别backgroundPosition

　　3.Safari和Chrome：识别backgroundPositionX/Y及backgroundPosition

四、IE6 bug 当在一个容器里文字和img、input、textarea、select、object等元素相连的时候，对这个容器设置的line-height数值会失效， 同时以上元素的行高可能×2。

五、position:relative属于相对定位，根据元素原来的位置进行偏移，不脱离文档流。absolute并不是相对于body的绝对位置，而是相对于static定位以外的第一个父元素进行定位。所以这里有个小技巧，如果子元素想相对于父元素定位，那只需要设置父元素的relative但是不设置top和left即可。

六、IE6中div最好加宽度。

七、IE6不支持png透明，可以用滤镜来实现。

1 .bg{

2     background: url(bg.png) no-repeat; 

3     _background: url(bg.png) no-repeat !important; 

4     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="bg.png");

5     _background:none;

6 }