简体   繁体   English

鼠标悬停后CSS菜单消失

[英]CSS Menu Disappears after mouse hover

I have a little issue with a menu on my Joomla 2.5 page. 我在Joomla 2.5页面上的菜单有一个小问题。 It's a module and I used several CSS properties like: 这是一个模块,我使用了几个CSS属性,例如:

visibility:visible; z-index:99999!important

Yet, the menu does not delays for me to click it. 但是,菜单并没有延迟我单击它。

I want the menu to be clickable when the reader mouse over and mouse on the second level menu. 我希望当读者将鼠标移到第二级菜单上时,该菜单可以单击。 I don't want it to disappear any more. 我不希望它消失了。

A sample of what I want the menu to look like can be found here: http://vitafoam.com.ng 我想要菜单看起来像的示例可以在这里找到: http : //vitafoam.com.ng

On the css class ul.navi ul.level2 on menustyle.css, remove the top: 91px property. ul.navi ul.level2的css类ul.navi ul.level2上,删除top: 91px属性。 It is throwing your level2 menu down, and keeping you from hovering it. 它会降低您的level2菜单,并阻止您将其悬停。

Removing the top property fixed the problem, at least on my Chrome Debug. 删除top属性至少在我的Chrome调试中解决了该问题。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM