html - 修复 CSS 图像菜单

Question

我正在尝试创建一个基于 CSS 的图像翻转导航栏。出于某种原因，我无法将图像放在正确的位置。我希望有人能帮忙。

Answer 1

您没有正确定位导航栏悬停区域，也许为它们添加了一些边距？

Answer 2

突出的第一件事是您正在尝试使用 postion:absolute，但您没有定义父容器的位置。为了使绝对定位起作用，父元素的位置必须不是默认的静态位置。

您似乎还使用 display:block 在一堆冗余的地方（LI 已经是块元素）或不需要，因为您正在内联显示菜单项。使用 diplay:block 在要显示为块的元素之后插入换行符。