wordpress中小部件区域的CSS悬停图像

我正在尝试创建一个CSS悬停图像，用于wordpress小部件。我已经在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; }

图像可在以下位置看到：

我开始使用Studio Press的主题Minimum，它有圆形社交媒体图标：

我的客户想保持圈子，但由于其他原因，我们不得不转向主题主管

---

我已经研究了好几天了，似乎我了解的越多，它就变得越复杂。每个剧本都不一样，所以我甚至不能把它们并排比较。如果你能帮忙，请告诉我！！谢谢

简单的方法是使用插件，您可以尝试小部件css类：

否则打开你的主题，添加另一个style2.css到你的主题中，并在上面添加代码，打开header.php并链接到这个样式。。然后转到你的仪表板，添加一个文本小部件，并调用这个圆圈将出现的Div

---

Goodluck

您是否尝试在theme/functions.php中将脚本排队？或者，如果您正在创建自己的插件/小部件，也可以直接将其添加到插件中。