如何更改此表中图像的来源？

Question

代码http://jsbin.com/ratohaxiya/1/edit?html,css,output

例如我想将单个png文件用于Hawks徽标，而不是从here获取它们 img src不起作用，我必须保持背景颜色相同

Answer 1

不建议将大量图像文件用于大量小图标，因为它会对页面加载时间产生负面影响。从服务器请求每个单独的文件，并且通常等待回复的时间比实际下载要长得多。

但是，如果您选择这样做，则替换当前代码，以查找CSS文件中每个图标的位置。

替换它：

a[href$="/r/ATLANTAHAWKS#S"]:before {
  background-position: 2px 1px!important
}

使用您自己的文件路径：

a[href$="/r/ATLANTAHAWKS#S"]:before {
  background-image: url("hawks-filepath.png");
}

此更改不应影响您的背景颜色，因为它不是图像精灵表的一部分。