+ -
当前位置:首页 → 问答吧 → IE6 Css sprite bug问题

IE6 Css sprite bug问题

时间:2011-03-10

来源:互联网

先直接上图,然后描述
PS:图上面我已经加好了辅助线,大家仔细看 能够看的到的。
fa.jpg (55.06 KB)
仔细看图标
2011-3-10 15:40

这个bug 问题,我一直要问,但是总忘了。今天有机会了希望就请大家帮忙看看。
引起bug 的原因就是因为IE6下面的line-height引起的。
所以li里面的小图标,或者说a元素里面的小图标在IE6和
其他浏览器看起来不是很统一,也就差1~2px但是,视觉上总是
不舒服,我有朋友说他的解决办法就是给li或者a标签里面加*padding:1px;
确实看起来是统一了,但是总是个hack吧。有没有好的解决办法,或者更优雅的,
我知道论坛总是高人很多的。所以想听听你们的解决办法,yoom版主希望也能回答下~

我一般也不怎么去理会IE6下的呈现状态。虽然差别1~2px但是,有时候打开IE6 看到总是心里十分的不爽。我也看到很多网站如178他们也没去理会IE6
下细微的差别,但毕竟我还在用IE6.必须要负责。所以都来说说。谢谢了

[ 本帖最后由 juller 于 2011-3-10 15:44 编辑 ]

作者: juller   发布时间: 2011-03-10

没明白楼主说的意思,发个地址或者相关代码,也许能帮上楼主,

作者: atlantis2007   发布时间: 2011-03-10

我自己首先是加 li{zoom:1;}
没有效果就 li{border:solid 1px red;}看看是什么原因。

现在喜欢用一个<s></s>,绝对定位来实现这个图标。

作者: yoom   发布时间: 2011-03-10

你看图就能明白的意思了。图比文字来的更直观!

作者: juller   发布时间: 2011-03-10