rollover - 如何在内联元素中优雅地使用 css sprites？

Question

我知道 this hack对于 inline-block 属性，但由于浏览器支持不佳，它确实是一个hack，我想知道是否有更优雅的解决方案来使用 CSS sprites 而无需 block 元素的必要换行符。

为了说明这个想法:在 this website 的页脚中页面右下角页脚文本段落内的图标应该有一个漂亮的鼠标悬停图像。我所知道的最优雅的技术是 CSS Sprite ，但这当然会在图像之前添加一个换行符。

我错过了什么吗？

非常感谢任何见解!

最好的，亚历克斯

Answer 1

就我个人而言，我在所有地方都内联阻止 hack 内容，但如果您正在寻找替代方案，答案就在您用作示例的页面上，在其他社交图标中靠近页面顶部的列表。

只需使用 display: block 并 float 链接即可。