如何在此代码中使用css图像精灵？

Question

我正在编辑模板，大约有50张图片，所以我把所有图片都放到了Image Sprite中

所以css看起来像这样

.img_set_1 {
   background: url(../images/csg-4e1827fd5b201.png) no-repeat top left;
}
.img_set_1-button_menu_left{ background-position: 0 -256px; width: 19px; height: 29px; } 

旧的css文件包含这种行以及如何修改下面的行以从精灵中获取图像？

a.blackbutton span { margin:0; padding:7px 0 7px 19px; background:url(images/button_menu_left.gif) no-repeat top left;}

此致

Answer 1

我建议使用GOOGLE建议使用的工具

http://spriteme.org/

在你的页面上运行脚本，它会为你生成一切，很棒的脚本！