css - 仅在歌剧中的 CSS 悬停问题

Question

我有这个网站 ，它呈现正常，即使在 IE 中也是如此。然而，在 Opera 11.62 中，每当我将鼠标悬停在导航栏的链接上时，都会出现一个非常奇怪的错误。为什么会这样？这很烦人。还有一件非常奇怪的事情正在发生，如果我调整浏览器窗口的大小，使最后一个链接不在页面之外，而不仅仅是最后一个链接在悬停时显示正常，但其他 2 个仍然损坏。

Answer 1

将这行代码添加到a:hover

height: 100%;

所以你得到：

a:hover { 
  background: -o-linear-gradient(top, #93C9ED 0px, #76B4E1 100%) transparent;
  border-bottom: medium none currentColor;
  border-left: 1px solid #1C5E9C;
  border-right: 1px solid #1C5E9C;
  border-top: 1px solid #1C5E9C;
  color: #275D8B;
  height: 100%;
}

Answer 2

向锚标记添加高度，与您的行高相同：

header nav ul li a { height:2.5em; }

这适用于我，在 Opera 11.64 中。我看到你已经尝试过这个解决方案，但我猜你没有让它工作的原因是因为 line-height 是 2.5em，而不是 2.8（除非你改变了它）。