字体和背景图片对齐的冲突

在FF中被渲染的字体永远都是Microsoft 雅黑(如果不改FF的设置的话),如果IE中设置的是非雅黑字体的话,那么它们会因为不同字体的原因,产生不一样的字体效果,往往都是差那么1-2个像素,特别是如果想设置背景小图标的话,总会感觉IE或者FF其中一个没有对齐。

今天看了CSSZenGarden的Css,突然想到行高是否可以解决,结果不行。然后,发现如果把背景图片设置成left center的话,再把line-height和height设成一样的,至少在外观上看起来,两者都是正对到中央的,不防可以作为一种解决办法。

不过,我还是觉得,把FF字体换掉,要好得多。

原文地址:https://www.cnblogs.com/Denny_Yang/p/2004143.html