我对此感到很沮丧:
http://www.jessewilliamson.ca/showlisting/99039/1317-Civic-Place-Mews-Central-Lonsdale-North-Vancouver-north-shore-realtor
在该网站上,只有当您查看属性详细信息页面时,当您将鼠标悬停在顶部导航栏的“功能列表”选项卡上时,顶部才会闪烁,并且仅在Safari上。在Chrome和FF上运行正常(我在Mac上)。我什至还没有在IE上进行过测试。
有什么线索吗?可能会发生什么?
另请注意,“资源”下还有一个下拉菜单,但将鼠标悬停在该下拉菜单上不会触发相同的错误。我完全迷住了。
最佳答案
似乎使用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中进行了测试,并解决了该问题。