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瀏覽器）

回答

相關問題