IE6

png透明图片在ie6正常显示的纯css解决办法

很久没写CSS了,遇到一个png透明logo折腾了我很久,也怪以前的页面直接不考虑透明的问题。在网上找到几种办法,有用css实现的,有些是用js 实现,用js感觉大材小用了,能用纯css解决就css吧,这里感谢蓝莓公主的帮助。以下的两种方法都是尝试过可行的,不过在我的虚拟机下的ie6图片完 全透明了,不知道是不是我虚拟机的问题。
先将图片存为 PNG-24 透明格式。

IE6,7里 li 的2像素空白下边距的解决办法

li 里有浮动对象而 li 本身不浮动的时候,IE6,IE7 里就会有2像素的下边距。

解决办法:设置 li 浮动就可以了。

也可以用 css hack 解决,但是我不太喜欢 hack。

 

ie6下margin加倍的问题

当margin的方向跟float的方向一致时,在ie6会出现margin加倍的现象,解决办法,在float的块中加display: inline;

ie6垂直3px的理解

这几天在布局首页的过程中,在多处使用一float: left;,用ie6浏览器浏览时发现用了float的地方比设置的的要高出3px;而在FF和ie8里面是正常的,这可弄急了我老人家,问了几个热心的 网友没结果,没办法,后来是打了css hack,但心里头觉得应该不要用hack也可以解决了。最后终于在一们厉害的网友的指导下解决了。其实只要在float的标签上一级标签再加float 就可以了,这可能也是ie6的3px的bug,在此感谢那个网友了。

订阅RSS - IE6