CSS精灵在类更改时复制和重叠

我有一个通过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;
}

当用户点击播放按钮时，类别改变，图像位置改变。但问题是旧位置仍然存在，两个按钮重叠。这两门课似乎同时上，但事实并非如此

然而，这只发生在现场，点击Shimano自行车，等待加载

在所有其他网站上，它都工作得很好

---

谢谢

这个站点的问题是，您有两个“.360导航条”元素，其中一个位于另一个之上。所以，当你改变上面那个的背景时，你仍然可以看到下面那个

---

感谢您指出这一点！我不明白为什么我没有看到这一点，现在它看起来很明显：）现在我需要理解为什么会有重复导航；）