作为一般把背景切个大图，按钮切成小图做a的背景，给a定位，hover让a的背景变一下的人，我是不知道你的烦恼啦，但是如果一种方法不是让你便捷，而是让你纠结的话，为什么不换个思路呢，比如说为什么只能搞一张图嘞（挖鼻）。

加个背景，放上去背景就出现（像这个<div onmouseover="this.style.background='red'" onmouseout="this.style.background=''" style="width:100px;height:100px">域</div>）,你可以把要变成的效果切个小图作为背景，按上面的代码弄上去。

或者用CSS3 filter滤镜效果，这个我也是推测啦，你可以看看http://www.imooc.com/learn/601 

希望我的回答能打开你的思路，解决你问题，望采纳！