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

Question

我遇到问题，如果使用上一页浏览器按钮，则之前查看过的页面的当前页面按钮状态仍然存在。这导致当使用上一页浏览器按钮时，多个菜单项以其“当前”状态出现。如果先前查看的页面的“当前”状态被翻转，它将恢复为正常状态。没有意义吗？ Click here to view the site.我以前从未遇到过这个问题，而且一切都很累！任何建议表示赞赏！

Answer 1

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

我的建议是使用background-image代替img，然后您可以使用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，这似乎是一个简单的缓存问题。

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