我正在尝试使用标题下拉菜单,在悬停时显示我的所有社交按钮。下拉菜单是用CSS制作的,没有jQuery,我在Firefox和IE中遇到了问题。
子菜单(悬停下拉菜单)css是这样的:
#socialzz ul ul
{
display:none;
}
并在悬停时,它会:
#socialzz ul li:hover > ul
{
display:block;
}
在Chrome下一切都很好,菜单显示所有3个社交网络按钮,正确加载它们等等。在FF和IE中,一旦我悬停,只有Facebook按钮实际工作,Twitter根本不显示,G +跟随按钮加载奇怪。我隔离了这个问题,似乎是“display:none;” css规则搞砸了那些。如果用鼠标在菜单上刷新页面(始终可见),则会正确加载它们。
现在,我不确定如何在不使用jQuery的情况下绕过这个问题。我尝试在悬停时分别使用不透明度:0和1,没有运气。
网站为PocketMeta,您可以在网站标题中查看此问题。
有什么想法吗?