即使鼠标离开，菜单也会打开

Question

即使我的光标不在其上，我网站上的菜单也会打开。

这是图片; http://www.image-share.com/upload/1395/204.jpg

从下往菜单项“关于”。你会看到它在你开始之前就已经开放了。

网站; http://goo.gl/rnhJ7

Answer 1

这是因为你用不透明度隐藏了它。这意味着子菜单会在页面中保留其空间，一旦你将鼠标悬停在容器上，就会增加不透明度。

---

在CSS中编辑规则

#nmenu li:hover > ul {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 35px;
    visibility:visible;
    transition-delay:0s; /* add the vendor specific versions.. -moz- -webkit- ..*/
}

#nmenu li > ul {
    left: auto;
    top: auto;
    visibility:hidden;
}

#nmenu ul {
    -moz-transition: opacity 0.5s ease-in-out 0s, visibility 0s linear 0.5s; /* add the vendor specific versions.. -moz- -webkit- ..*/
}