jquery - 需要帮助才能通过更改 onClick 背景位置使链接处于事件状态

Question

我不知道如何让我的图像链接在点击事件时更改背景位置。没有任何效果:

    .active {
    background-position-y: -96px 0px;
    }

    <script type="text/javascript">

    $(document).ready(function() {

//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content

//On Click Event
$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active"); 
    $(".tab_content").hide(); 
    var activeTab = $(this).find("a").attr("href"); 
    $(activeTab).fadeIn();
    return false;
});

    });
    </script>


    <ul class="tabs">
<li><a class="a1" href="#tab1"></a></li>
<li><a class="a22" href="#tab22"></a></li>
<li><a class="a23" href="#tab23"></a></li>
<li><a class="a24" href="#tab24"></a></li>
<li><a class="a25" href="#tab25"></a></li>
<li><a class="a26" href="#tab26"></a></li>
</ul>

Answer 1

也许你的 CSS 中有一个简单的拼写错误？

.active {
    background-position: -96px 0px;
}

background-position-y 不接受两个参数。