只有悬停border-radius

时间:2015-06-16 02:34:42

标签: google-chrome

问题是:这是一个新的Chrome错误,还是我的css导致问题的原因。我在http://jsfiddle.net/tomba/ayoeebbs/1/创建了一个jsfiddle,它可以重现问题而不是包含所有下拉列表的CSS。

直到最近,下拉菜单在所有当前版本的IE,Firefox,Safari和Chrome上运行良好。从Chrome 42或43开始,此下拉列表已中断。当您将鼠标悬停在锚点div上时,下拉列表会显示,但只要您移入它就会消失 - 这意味着无法选择任何项目。我把它缩小到这个css的边界半径线:

#drop-menu:hover {
  background: #888;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  border-left: 1px solid #666;
  border-radius: 5px;   /* remove this and Chrome is happy again */
}

如果border-radius:5px;被评论出来的一切都很好。这看起来很奇怪,而且很新,因为我几个月没有改变我的代码。我看到了一些有些相关的问题,但没有(我见过)发现这个问题看起来很无害。

虽然我更愿意保留它,但删除边界半径对我来说并不是什么大不了的事,但显然现在至少不会因为它完全打破了导航。大多数情况下,我想知道我是否以某种方式引起了问题,只有Chrome才“做正确的事。”

0 个答案:

没有答案