html - 上一页按钮使用导致多个当前页面按钮状态

Question

我有一个问题，如果使用上一页浏览器按钮，则之前查看过的页面的当前页面按钮状态仍然存在。这导致当使用上一页浏览器按钮时，多个菜单项会以它们的“当前”状态出现。如果先前查看的页面的“当前”状态翻转，它将恢复到正常状态。没有意义吗？点击这里查看网站。我以前从未遇到过这个问题，并且厌倦了一切！任何建议表示赞赏！

Answer 1

mouseout您的问题是，当您离开页面然后返回时，您的原始图像（在您离开时已悬停）在事件发生之前不会切换回其非悬停状态。

我的建议是使用background-image而不是imgs，然后您可以使用 CSS:hover选择器在悬停时轻松更改它，例如：

<a id = "groove" href = "/groove/">

</a>

CSS：

#groove {
    background-image: url('groove.gif');
    height: 20px; /*just an example*/
    width: 100px; /*another example*/
}
#groove:hover {
    background-image: url('groovehover.gif');
}

我希望这有帮助！

Answer 2

鉴于没有与此相关的 Javascript，这似乎是一个简单的缓存问题。

在任何受影响的浏览器中，尝试清除缓存，然后刷新页面。