Jquery 如何在bxslider寻呼机中应用背景图像作为缩略图？

我使用bxslider，缩略图作为寻呼机。该功能运行良好，但我似乎无法将背景图像应用于缩略图。有人知道为什么吗？下面是HTML和CSS

<div class="thumbs">
  <a href=""></a>
  <a href=""></a>
  <a href=""></a>
  <a href=""></a>
</div>   

  .thumbs a {
    display:block;
    width:150px;
    height:100px;

    float:left;
    background-image:url('images/m2g_logo.png');
}

.拇指a{
显示：块；
宽度：150px；
高度：100px；
浮动：左；
背景图片：url（'images/m2g_logo.png'）；
}

您可以按照上的说明构建寻呼机。 如果需要拇指的特定图像，请使用该页面上指定的代码：

$(function(){
      $('#slider1').bxSlider({
        pager: true,
        buildPager: function(slideIndex){
          switch (slideIndex){
            case 0:
              return '<a href=""><img src="" /></a>';
            case 1:
              return '<a href=""><img src="" /></a>';
            case 2:
              return '<a href=""><img src="" /></a>';
            case 3:
              return '<a href=""><img src="" /></a>';
          }
        }
      });
    });

$(function(){
      $('#slider1').bxSlider({
        pager: true,
        buildPager: function(slideIndex){            
              return '<a href=""><div></div></a>';
        }
      });
    });

a.pager-active > div{
    background: url("pager_selected.png") no-repeat scroll !important;
    display:inline;
    outline:none;
}

.bx-pager a > div{      
    display:inline;
    padding:2px; /*set this to half the width of your image*/
    background: url("pager_unselected.png") no-repeat scroll;
    position:relative;
    top:10px;
    outline:none;
}

.bx-pager{
    text-align:center;
 }