Question

我对这个感到很难过：

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

在该网站上，只有当您查看属性详细信息页面时，如果将鼠标悬停在顶部导航栏上的“特色列表”选项卡上，并且仅在Safari上，则顶部会出现闪烁。在Chrome＆amp; FF它工作正常（我在Mac上）。我还没有在IE上测试过。

任何线索？什么可能这样做？

另请注意，“资源”下有另一个下拉菜单，但将鼠标悬停在该资源上并不会触发相同的错误。我完全难过了。

Answer 1

似乎使用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中测试并修复了问题。

Answer 2

我也在Mac上，对我而言，每个项目上都会出现闪烁的子菜单：hover ...你可以发布一些代码如何进行下拉菜单吗？

CSS Dropdown菜单栏＆amp;标题只在Safari上闪烁

2 个答案: