我制作了一个 CSS 菜单,应该在悬停时替换其他菜单(应该替换中心图像和菜单链接上的悬停)。我的想法是使用整个中心作为带有按钮的背景图像,因此菜单和中心是相同的图像。
垂直悬停时,菜单工作正常。但是在悬停另一个链接后我无法返回,因为链接不活动,因为它们必须由于顶部边距(或类似的东西)而隐藏。您可以在底部看到菜单(蓝色按钮在底部变为红色):
最佳答案
这样做的奇怪模式,你为什么不这样做:
在 .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;也是属性
关于html - 带有悬停的 CSS 菜单可更改整个框架图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22895486/