有两种图像精灵技术。
“经典”版本使用背景和背景位置css属性。
(如此处http://www.alistapart.com/articles/sprites所述)
“第二”版本使用图像标签及其剪辑css属性。
(http://css-tricks.com/css-sprites-with-inline-images/)
我的问题是，使用“第二”版本比“经典”版本有优势吗？
谢谢，最好的，
维克多
最佳答案
区别主要在于文档的语义:您仍应仅将背景用于装饰和布局图形，而仅将图像标签用于属于页面内容的图形。
请记住，在没有任何CSS的情况下，页面仍然应该是有用的和可用的:使用第二种技术，这意味着您在使用sprite的任何地方都可以看到整个sprite-map(您不会得到任何剪辑)-非常令人困惑!
第一种技术不会显示任何精灵，但是不会错也不会混淆。
当您考虑图标之类的东西时，图形内容还是装饰都会有些棘手，在这种情况下，精灵技术确实有用。就我个人而言，我更喜欢将背景图像用作图标，因为它们是在向其他元素(例如链接或按钮控件)添加信息，而不是单独添加元素。
简而言之-基于图像标签的精灵有点破损的技巧-我不会使用它。