如何在内联元素中优雅地使用css sprite?

时间:2011-11-16 23:28:07

标签: rollover sprite css

我知道内联块属性this hack,但由于浏览器支持不佳,它确实是 hack ,我想知道是否有一个更优雅的解决方案使用CSS sprites而没有必要的块元素换行符。

为了说明这个想法:在this website的页脚中,位于页面最右下方的页脚文本段落内的图标应该会得到一个很好的翻转图像。我所知道的最优雅的技术是CSS精灵,但这当然会在图像之前添加换行符。

我错过了什么吗?

非常感谢任何见解!

Best,Alex

1 个答案:

答案 0 :(得分:1)

就个人而言,我内联阻止了所有地方的黑客攻击,但如果您正在寻找替代方案,那么答案就在您用作示例的页面上,在其他社交图标中列表更靠近页面顶部。

只需使用display: block并浮动链接。