带有悬停功能的 CSS 菜单，可更改整个框架图片

Question

我制作了一个 CSS 菜单，它应该替换悬停时的其他菜单（应该替换中心图像和菜单链接上的悬停）。我的想法是使用整个中心作为带有按钮的背景图像，因此菜单和中心是相同的图像。

垂直悬停时，菜单可以正常工作。但是在悬停另一个链接后，我无法返回，因为链接未激活，因为它们必须由于上边距（或类似的东西）而隐藏。您可以在底部看到菜单（底部变为红色的蓝色按钮）：

http://www.israelijewel.com/1.html

Answer 1

奇怪的模式，你为什么不这样做：

在 .home-gallery 中的每个“a”中，将您想要的图像放在中心位置：absolute;display:none;和使用它的绝对位置的位置。然后你可以让它出现在中心做类似的事情：

.mofet-link:hover {
  //set you button to red here
}
.mofet-link:hover .inside_image {
  display: block;
}

你应该给 .home-gallery 设置一个 position:relative;属性也是