margin-left在IE6下左浮动加倍(float:left)问题的解决办法

一、IE6下如果line-height超出本身区块的height高度，则会把区块高度挤高。例如：li{line-height:25px;height:20px;}则实际li的高度为25px，而IE7和FF下则为20px.

 

二、 IE下的margin double bug，具体说来比如一个div你设置左浮动，然后又设置margin-left：5px，则实际margin-left会加倍变为10px。解决办法：加display：inline

 

三、页面样式乱掉的问题，个人估计这也是IE6下的一个bug：ANSI编码的css文件中，如果出现某些汉字则会导致css出错，从而使页面变乱,改为UTF-8编码或删掉这些汉字则问题解决。（在js中也一样）

 

四、IE6下不支持PNG背景透明问题，也是一个老问题了，使用了网上用的最多的使用IE专有滤镜 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../page /images/bg-login-blue-top.png',sizingMethod='image'的方法，却发现此方法有缺陷：
a)使用此方法做背景的区块必须定义一个高度，否则无效。

b)规定好了高度，透明背景PNG也出来了，却发现背景图片上边的输入框无法输入，按钮无法点击（我是将此透明PNG用作一个登录框背景的），这下可好，能看不能用。。。。

c)当然了这条大家都知道，因为是IE专有滤镜，其他浏览器当然不支持了。
最后搞了半天，我决定在IE6下还是本本分分地用回普通的不透明的图片吧，难看了点，可起码能用。IE7和FF下当然使用hack可以用上漂亮的透明PNG图片（我用!important）实现的。

转载于:https://www.cnblogs.com/mfktsall/archive/2010/11/24/1886575.html