IE6下某些中文注释引发的css样式全乱 | IE6下PNG背景图片透明问题

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

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

3,就是困扰了我很长时间的一个诡异的页面样式乱掉的问题,层层排除,我把能想到会出问题的地方都想过了,最后问题根源竟在css的编码问题上:去掉我加在在css文件中的中文注释,诡异的页面竟然正常了,然后我再加回中文注释,然后把css文件编码由ANSI改为UTF-8,页面也可以正常。难道是因为ANSI下注释不能为中文?没道理的啊,ANSI本来就是本地化编码,而且在IE7和FF下这些注释完全没问题。
然后我又一行一行的去删那些注释,逐步寻找问题时,发现问题竟然出现在"标"这个注释上,去掉这个汉字注释,一切正常,加上立马变乱。我试着把这个注释加在别的页面的css中发现也会引发页面变乱。还真邪乎了!!!可真是“一个汉字引发的乱”。个人估计这也是IE6下的一个bug:ANSI编码的css文件中,如果出现某些汉字则会导致css出错,从而使页面变乱,改为UTF-8编码或删掉这些汉字则问题解决。(在js中也一样)

4,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)实现的。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值