css - 带有 ul li hover 的子菜单变得透明

Question

我使用 ul li 和一个标签开发了一个简单的菜单，并添加了 css 样式(在我的组织中使用的标准)。但是，当我将鼠标悬停在菜单上时，默认情况下子菜单会变得透明。 css 有一些基本的东西，理想情况下这不应该发生。请指示我哪里出错了。请查看此链接中的代码 jsfiddle link .以下是部分代码。

 div.menu ul li a, div.menu ul li a:visited {
        background-color: blue;
        font-family: "Arial";
        font-size: 12px;
        border: 1px Green solid;
        color: #ffffff;
        display: block;
        line-height: 1.35em;
        padding: 4px 20px;
        text-decoration: none;
        white-space: nowrap;
        z-index: 999;
    }

请帮忙。

Answer 1

它不是透明的，它只是位于 其他页面元素之下。

这就是你所缺少的:

.MenubarDiv {
    position:relative;   /* this guy */

fiddle demo