bootstrap 按钮有关问题

bootstrap 按钮问题
我想用bootstrap跨浏览器方式做自己的按钮
我画好了3张图片 分别是1、按钮正常状态 2、鼠标放上去的状态 3、鼠标按下去的状态
如何将这3个图片替换到bootstrap上的按钮

------解决思路----------------------
他的按钮渐变样式是用css3实现的，低版本浏览器直接是一个纯色，所以把那段删了，然后写上图片路径。

.btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#006dcc;*background-color:#0044cc;background-image:-moz-linear-gradient(top,#0088cc,#0044cc);background-image:-webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0044cc));background-image:-webkit-linear-gradient(top,#0088cc,#0044cc);background-image:-o-linear-gradient(top,#0088cc,#0044cc);background-image:linear-gradient(to bottom,#0088cc,#0044cc);background-repeat:repeat-x;border-color:#0044cc #0044cc #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}

.btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0,0,0,0.25); background:url(images/xx.gif) 0 0 no-repeat;}

这个类名是原有的，可以自己新写一个，这样新旧都可以用。