css - 类更改时CSS Sprite重复且重叠

我有一个简单的导航，通过sprite制作了“后退”，“播放/停止”和“前进”按钮。这是用于导航的CSS

.threesixty-nav-bar a {
    background: url(../images/icons/32/1_holly_green.png) no-repeat;
}

“播放”按钮的CSS：

.threesixty-nav-bar .threesixty-play {
    background-position: -160px 0;
}

“停止”按钮的CSS：

.threesixty-nav-bar .threesixty-stop {
    background-position: -160px -32px;
}

当用户单击播放按钮时，类会更改，图像位置也会更改。但是问题在于旧位置仍然保留并且两个按钮重叠。似乎两个课程都同时存在，但事实并非如此。

但是，这仅在this网站上发生，请单击Shimano自行车，然后在其加载时等待。

在所有其他站点上，它都可以正常工作。

谢谢！

最佳答案

此站点上的问题是，您有两个“ .threesixty-nav-bar”元素，其中一个位于另一个之上。因此，当您更改顶部的背景时，仍然可以看到底部的背景。