-1

我在此处设置顶部下拉菜单的样式时遇到了一些麻烦，以便创建切换效果。我正在使用填充来划定悬停区域，但是我没有机会将鼠标悬停在子菜单上。

#topmenu {
background-color: rgba(0,0,0,1);
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
font-size: 20pt;
position: fixed;
width: 100%;
top: 0;
}
4

2 回答 2

0

使填充和边距为0；并提供代码，以便我可以理解任何其他问题。

于 2013-02-10T02:49:34.470 回答
0

添加z-index: larger-number到#topmenu以确保菜单始终位于顶层，因此可以将其悬停。

css 转换将更改 z-index 顺序。你在h2. 它涵盖了子菜单。

实际上，什么都不做，而是向下滚动页面。你会发现菜单上的悬停问题消失了。

旋转元素覆盖绝对元素的演示：

http://jsfiddle.net/rainthinks/xswrg/

修复：http: //jsfiddle.net/rainthinks/xswrg/1/

一些参考：

于 2013-02-10T03:19:16.053 回答