解决方案 »

  1.   

    .active{background-image:url(images/05.png) !important;}写成这个试试看
      

  2.   

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>jQuery 点击变色</title>
    </head>
    <style type="text/css">
      .d{height:100px;width:100px;float:left;margin-left:50px;text-align:center;}
      .d1{background-image:url(images/01.png);}
      .d2{background-image:url(images/02.png);}
      .d3{background-image:url(images/03.png);}
      .d4{background-image:url(images/04.png);}
      .d.active{background-image:url(images/05.png);}
    </style><script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery1.3.2.js"></script>
    <script>
    $(function(){
      $('.d').click(function(){$('.d').removeClass('active');$(this).addClass('active');return false})
    });
    </script>
    <body><div class="d d1"></div>
    <div class="d d2"></div>
    <div class="d d3"></div>
    <div class="d d4"></div></body>
    </html>