Question

我有site 即使在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。我看到你已经尝试过这个解决方案了，但我猜你没有让它工作的原因，是因为行高是2.5em，而不是2.8（除非你改了它）。

CSS悬停只在opera中出现问题

2 个答案: