CSS仅在opera中悬停问题

CSS仅在opera中悬停问题,css,opera,Css,Opera,我有 即使是在IE中,它也呈现ok。然而在Opera 11.62中,每当我在导航栏的链接上悬停时,就会出现一个非常奇怪的bug。为什么会发生这种情况?这很烦人。 还有一件非常奇怪的事情正在发生,如果我调整浏览器窗口的大小,使最后一个链接在页面外,而不仅仅是最后一个链接在悬停时显示为ok,但其他两个仍然断开。将这行代码添加到a:hover height: 100%; 所以你得到: a:hover { background: -o-linear-gradient(top, #93C9ED 0

我有 即使是在IE中,它也呈现ok。然而在Opera 11.62中,每当我在导航栏的链接上悬停时,就会出现一个非常奇怪的bug。为什么会发生这种情况?这很烦人。
还有一件非常奇怪的事情正在发生,如果我调整浏览器窗口的大小,使最后一个链接在页面外,而不仅仅是最后一个链接在悬停时显示为ok,但其他两个仍然断开。

将这行代码添加到
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%;
}

向锚定标记添加与线高度相同的高度:

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

这对我来说很管用,在歌剧11.64中。我知道您已经尝试过这个解决方案,但我猜您没有成功的原因是因为线条高度是2.5em,而不是2.8(除非您更改了它)。

我已经尝试过了,问题仍然存在。我还尝试添加了行高:2.5em,它是a的行高,它没有任何作用,如果行高或高度超过2.5em,它会将内容向上移动几个像素。我也尝试过(开发工具),它可以工作。。。奇怪。我在服务器上添加了这条线,我的两台家用电脑都显示了相同的错误。我已经清除了客户端的缓存。我无法控制服务器缓存。在发布之前,我尝试了两种解决方案,但均无效。很抱歉,没有提及您是否尝试设置固定像素值?我相信Opera在早期版本(v10之前)中对此有问题,但我认为它已经被修复了。无论如何,这是值得一试的。你是对的,问题在em中,但是如果我将其设置为30px,它也有相同的问题,如果我将其移动到31px,它会调整整个导航栏的大小。是的,你对我的线高度错误的看法是对的,但我尝试了两个维度。你尝试了
最小高度:100%
a:hover
上?我从您的css中看到您将
设置为
内联块
。你试过移除它吗?我也有同样的问题,唯一的区别是我将其声明为
内联
元素,并且无法看到所包含元素上的悬停。我知道现在回答有点晚(而且你的网站运行得很好),但我想我应该分享我的解决方案:)