html - div 图像外部不可见的东西阻止鼠标悬停在另一个图像上

Question

RighteousAlliance.com - 右侧有两个带有鼠标悬停效果的按钮。（我稍后会修复他们的实际位置）

如果您通过拖动来调整浏览器宽度，您会注意到它们是如何相对于背景保持在相同位置的吗？这就是我想要的。

但是在图像之外有一些不可见的东西重叠并破坏了鼠标悬停效果。如果您将鼠标垂直悬停在“商店”上，您会注意到它仅在“学习”顶部的右侧亮起吗？

是什么挡住了？？div外面有一些看不见的东西。我已经尝试了 3 天来解决这个问题。

我可以通过添加“显示：内联块”和其他内容来解决这个问题。但是当您水平调整浏览器大小时，它会破坏与背景的对齐。我如何让两者都工作？请帮忙。我很久以前做过，但无法弄清楚。

这是代码的屏幕截图： https ://righteousalliance.com/Images/code.png

标签： htmlcssmouseover