EXTJS系列笔记(4.x)————button中的大背景图片问题

因为button中的icon是用来加载小图标的，
所以当你要加载整张图作为button的背景
的时候你最好用css效果
     例如：
1.js代码
{
       xtype: 'button',
     height: 90,
      width: 100,
      style:{
       border:'none'
       },
       text: '地图页面',
       cls: 'welcome-consoleClient-map-button',  //这里就是用到了css效果，主界面也要
                              //引入css文件
       x: 100,
       y: 30,
       overCls:'welcome-consoleClient-button-over',//这里是当鼠标时候的css效果
       listeners:{
            'click':function(){
                 window.location.href="../mapFrame/mapFrame.jsp";
          }
     }
}
2.css代码（这里产生的效果是鼠标移上去的时候图标会跳一下）
.welcome-consoleClient-map-button
{
   background-position: center;
   background-image:url(../../img/welcome/Img_btn.png) !important;

}

.welcome-consoleClient-button-over
{
        background-position: top;
}