我正在尝试创建要在 wordpress 小部件中使用的 CSS 悬停图像。我已经在 Fireworks 中创建了文件并导出了部分 CSS，但现在我完全不知道该放在哪里，以及我缺少什么。
下面是 Fireworks 生成的代码：
.e3circles{ background:url("e3circles.png") top left no-repeat; }
.icons_equity_symb{ width:287px; height:289px; background-position:-10px -10px; }
.icons_equity_symb_1{ width:287px; height:289px; background-position:-307px -10px; }
.icons_energy_symb{ width:300px; height:289px; background-position:-604px -10px; }
.icons_energy_symb_1{ width:300px; height:289px; background-position:-914px -10px; }
.icons_easy_symb{ width:313px; height:289px; background-position:-1224px -10px; }
.icons_easy_symb_1{ width:313px; height:289px; background-position:-1547px -10px; }
.icons_pop{ width:900px; height:289px; background-position:-1870px -10px; }
.icons_pop_1{ width:900px; height:289px; background-position:-2780px -10px; }
图片可见：http ://rachelorovio.com/sprites/e3circles.png
我开始使用 Studio Press 的最小主题，它有圆圈社交媒体图标：http ://demo.studiopress.com/minimum/
我的客户想保留这些圈子，但由于其他原因，我们不得不切换到主题Executive。
我已经研究了几天了，似乎我学得越多，它变得越复杂。每个脚本都不一样，所以我什至无法并排比较它们。如果你能帮忙，请告诉我！！谢谢！