webkit中的CSS悬停+元素崩溃（Chrome，Safari） [英] CSS Hover + Element crashing in webkit (Chrome, Safari)

问题描述

发现一个烦人的错误今天崩溃chrome和safari（所有webkit浏览器？）与CSS。

这是一个悬停菜单，悬停在一个元素，然后显示下一个下拉级别。

查看此处，左上角'rn'： http://test.davebowker.com/rn-hover/

希望有人有一些想法，或者知道一点关于webkit比我做。我确定它的CSS，因为我已禁用所有javascript，并还运行下拉列表在一个新的页面，所有的自己。我也知道这是悬停+显示：块造成它。 - 只是不知道如何解决它。

干杯，
Dave

由Emily制作。 http://test.davebowker.com/rn-hover-fix/

解决方案

更改

 。 ukn-network-jumper strong：hover + ul，
 .ukn-network-jumper ul：hover {
 display：block; 
} 
  

到

  .ukn-network-jumper strong：hover + ul，
 .ukn-network-jumper：hover ul {
 display：block; 
} 
  

您不希望在悬停ul时显示ul，当您悬停父div。

Found an annoying bug today which crashed chrome and safari (so all webkit browsers?) with just CSS.

It's a hover menu, hovering over an element then displaying the next dropdown level. Works perfectly in all other browsers.

See here, top left 'rn': http://test.davebowker.com/rn-hover/

Hope someone has some thoughts, or knows a little more about webkit than I do. I'm sure it's css, as I've disabled all javascript, and also ran the dropdown in a fresh page all on its own. I also know it's the hover + display:block that is causing it. - Just not sure how to fix it. Maybe someone else has run into this bug?

Cheers, Dave

EDIT: Included change made by Emily below. http://test.davebowker.com/rn-hover-fix/

解决方案

Change

.ukn-network-jumper strong:hover + ul,
.ukn-network-jumper ul:hover {
    display:block;
}

to

.ukn-network-jumper strong:hover + ul,
.ukn-network-jumper:hover ul {
    display:block;
}

You don't want to display the ul when you are hovering the ul but when you are hovering the parent div.

这篇关于webkit中的CSS悬停+元素崩溃（Chrome，Safari）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！