我因此通過這個難住了:CSS下拉菜單欄和頁眉閃爍僅在Safari
在該網站上,只有當您正在查看物業資料頁,有一個在頂部時閃爍您將鼠標懸停在頂部導航欄上的「精選列表」標籤上,僅在Safari上。在Chrome上& FF它工作正常(我在Mac上)。我還沒有在IE上測試過。
任何線索?有什麼可能做到這一點?
另請注意,在「RESOURCES」下還有另一個下拉菜單,但懸停在此不會觸發相同的錯誤。我完全被難住了。
我因此通過這個難住了:CSS下拉菜單欄和頁眉閃爍僅在Safari
在該網站上,只有當您正在查看物業資料頁,有一個在頂部時閃爍您將鼠標懸停在頂部導航欄上的「精選列表」標籤上,僅在Safari上。在Chrome上& FF它工作正常(我在Mac上)。我還沒有在IE上測試過。
任何線索?有什麼可能做到這一點?
另請注意,在「RESOURCES」下還有另一個下拉菜單,但懸停在此不會觸發相同的錯誤。我完全被難住了。
看來,使用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和它解決了這一問題。
奇怪 - 這種下拉方法對我來說永遠都適用於各種網站。它確實修復了它 - 現在正在IE上測試,以確保它是一致的。 – jeffkee 2012-04-23 19:07:19
我也是在Mac上,對我來說,它也閃爍在每個項目上有一個子菜單出現在:懸停......你可以發佈一些代碼,你如何做下拉菜單?
發佈相關代碼。 http://sscce.org – Sparky 2012-04-15 20:15:29