Question

我正在尝试在网站中实施css菜单，并遇到了问题。

注意：css在文件中，它是唯一的东西.javascript被称为http://w.sharethis.com/button/buttons.js，它也在标题上定义。菜单名为cssmenu。

问题是，在css菜单上，当鼠标悬停在联系人上时，背景颜色是透明的，由于我对这个主题的了解有限，我真的不知道如何解决这个问题。 css菜单不是我的创作，我在网上找到了它。我修改了很多属性，我知道如何，但卡在那里。

Answer 1

您需要提升主菜单<ul>的z-index，以便它始终显示在ShareThis栏上：

ul.cssmenu {
    display: block;
    zoom: 1;
    float: left;
    position:relative; /* allows the z-index to be effective -- http://www.w3.org/wiki/CSS/Properties/z-index */
    z-index:100; /* makes the menu appear above the ShareThis widget */
}

Answer 2

如果我正确理解您的问题，问题是菜单在z轴上的位置不正确。

尝试添加类似这样的内容，使其在按钮上方显示：

.cssmenum {
    z-index: 1000;
}

Answer 3

z-index似乎是正确的解决方案，我刚刚检查过。

但是我也注意到表格已用于构建带有社交图标的菜单。我建议创建一个DIV并使用CSS在需要的地方定位它。

Answer 4

添加z-index：2;

ul.cssmenu, ul.cssmenu ul

在这个课程中你会得到你的结果： - ）

Answer 5

您必须像这样

为z-index设置接地零

body{position:relative;
z-index:0;}

然后你可以给每个菜单一个z-index

.div1{z-index:1;}
.div2{z-index:5;}

Css菜单在javascript上变得透明

5 个答案: