CSS下拉菜單欄和頁眉閃爍僅在Safari

我因此通過這個難住了：CSS下拉菜單欄和頁眉閃爍僅在Safari

http://www.jessewilliamson.ca/showlisting/99039/1317-Civic-Place-Mews-Central-Lonsdale-North-Vancouver-north-shore-realtor

在該網站上，只有當您正在查看物業資料頁，有一個在頂部時閃爍您將鼠標懸停在頂部導航欄上的「精選列表」標籤上，僅在Safari上。在Chrome上& FF它工作正常（我在Mac上）。我還沒有在IE上測試過。

任何線索？有什麼可能做到這一點？

另請注意，在「RESOURCES」下還有另一個下拉菜單，但懸停在此不會觸發相同的錯誤。我完全被難住了。

來源

2012-04-15 jeffkee

發佈相關代碼。 http://sscce.org – Sparky 2012-04-15 20:15:29

看來，使用left:-9999px和left:-5px來顯示懸停子菜單導致的問題。

也許試試用visibility來代替？

例如：

#menu .submenu { 
    position:absolute; 
    display: block; 
    background-color:#1175A6; 
    padding:0px 0px 0px 0px; 
    margin: 0px; 
    top:15px; 
    z-index: 20; 
    visibility: hidden; 
    opacity: 0; 
} 
#menu li:hover .submenu { 
    left: -5px; 
    visibility: visible; 
    opacity: 1; 
}

測試在Safari和它解決了這一問題。

來源

2012-04-15 20:10:31

奇怪 - 這種下拉方法對我來說永遠都適用於各種網站。它確實修復了它 - 現在正在IE上測試，以確保它是一致的。 – jeffkee 2012-04-23 19:07:19

我也是在Mac上，對我來說，它也閃爍在每個項目上有一個子菜單出現在：懸停......你可以發佈一些代碼，你如何做下拉菜單？

來源

2012-04-15 20:00:25 Helmut

CSS下拉菜單欄和頁眉閃爍僅在Safari

回答

相關問題