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

Question

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

例如，我想为老鹰标志使用单个 png 文件，而不是从 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");
}

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