CSS悬停+元素WebKit的崩溃器（Chrome，Safari浏览器）

发现一个恼人的错误今天只用CSS坠毁Chrome和Safari（因此所有WebKit浏览器？）。CSS悬停+元素WebKit的崩溃器（Chrome，Safari浏览器）

这是一个悬停菜单，悬停在一个元素，然后显示下一个下拉的水平。在所有其他浏览器中都能正常工作。

看到这里，左上角“RN”：http://test.davebowker.com/rn-hover/

希望有人有一些想法，或者知道一点关于WebKit的比我好。我确定它是CSS，因为我禁用了所有的JavaScript，并且还在全新的页面中自行运行了下拉菜单。我也知道这是导致它的悬停+显示：块。 - 只是不知道如何解决它。也许有人遇到了这个bug？

干杯，戴夫

编辑：下面由刘慧卿提出包括改变。 http://test.davebowker.com/rn-hover-fix/

来源

2009-09-21 davebowker

通过单独的下拉链接到页面，所以在尝试调试时筛选出的垃圾更少。 – jimyi 2009-09-21 17:20:19

变化

.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，但是当你徘徊父DIV的UL认证。

来源

2009-09-22 11:54:37 Emily

奇怪。你会认为悬停在显示器上的东西会保持在那里，直到你mouseOut - 而且它在除了webkit之外的其他任何东西中都有。您的修补程序有效，但有一个缺点。活动父区域现在增加到最宽子元素的宽度。（对于那些感兴趣的用户更新了演示。）这意味着mouseout命中区域要大得多，可能跨越它所坐的任何导航元素的顶部，导致它们无法点击，直到鼠标完全离开父级。无论如何 - 我会接受。比让它崩溃要好得多。希望他们修复它。谢谢Emily。 :) – davebowker 2009-09-22 12:16:30

CSS悬停+元素WebKit的崩溃器（Chrome，Safari浏览器）

回答

相关问题