我们有一个奇怪编码的子菜单,它是自定义的,因此它可以在特定的列设置中,但是当您单击该子菜单下的链接时,子菜单会在下一页加载时跳起来。它看起来很糟糕:P
例如,当你去这里时:goo.gl/4mW5sW
将鼠标悬停在菜单项“所有光盘”上,您可以看到包含2个自定义列的下拉列表。
如果您点击其中一个链接,您会看到下拉菜单,而不是在页面加载您点击的链接时跳起来。
我一直在通过css进行梳理,试图找出为什么它会以活跃的点击跳跃并且没有运气。也许另一副眼睛会有所帮助?
我甚至尝试过这种可怜的尝试
a:active .sub-menu {display:none;} 但它没有帮助
谢谢!
答案 0 :(得分:1)
问题在于ul class="sub-menu'
的margin-top和hover状态。找到一种方法只选择第一列并添加下一个css:
margin-top: -1px!important;
然后只选择第二列并添加下一个css:
margin-top: -1px!important;
你给这两个colums a -71px作为top-margin
,并且当切换悬停时你会弄乱第一列的边距,给它一个-71px的上边距。
如果您提供代码,我可以帮助您进一步