类更改时，CSS精灵重复并重叠

Question

我有一个简单的导航，通过精灵制作的'后退'，'播放/停止'和'前'按钮。这是用于导航的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自行车并在装载时等待。

在所有其他网站上，它的工作正常。

谢谢！

Answer 1

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