我正在尝试在网站中实现 CSS 菜单,但遇到了问题。
注意:css 在文件中,它是唯一的 javascript 名为http://w.sharethis.com/button/buttons.js并且它也在标题中定义。该菜单称为 cssmenu。
问题是,在那个 css 菜单上,当悬停在contact上时,背景颜色是透明的,而且我对这个主题的了解有限,我真的不知道如何解决这个问题。css 菜单不是我创作的,我是在网上找到的。我修改了许多我知道如何修改的属性,但被困在那里。
我正在尝试在网站中实现 CSS 菜单,但遇到了问题。
注意:css 在文件中,它是唯一的 javascript 名为http://w.sharethis.com/button/buttons.js并且它也在标题中定义。该菜单称为 cssmenu。
问题是,在那个 css 菜单上,当悬停在contact上时,背景颜色是透明的,而且我对这个主题的了解有限,我真的不知道如何解决这个问题。css 菜单不是我创作的,我是在网上找到的。我修改了许多我知道如何修改的属性,但被困在那里。
您需要提高主菜单的 z-index,<ul>
使其始终显示在 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 */
}
如果我正确理解您的问题,问题是菜单在 z 轴上的位置不正确。
尝试添加类似这样的内容以将其置于按钮之上:
.cssmenum {
z-index: 1000;
}
z-index 似乎是正确的解决方案,我现在刚刚检查过。
但是我也注意到表格已被用于构建带有社交图标的菜单。我建议创建一个 DIV 并使用 CSS 将其放置在需要的位置。
添加 z-index:2;
ul.cssmenu, ul.cssmenu ul
在这门课上,你会得到你的结果:-)
你必须像这样为你的 z-index 设置一个归零
body{position:relative;
z-index:0;}
然后你可以给你的每个菜单一个 z-index
.div1{z-index:1;}
.div2{z-index:5;}