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

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

1 个答案: