Javascript 鼠标悬停干扰导航
我已经创建了导航菜单,当我将鼠标悬停在导航项上时,可以在下图中找到“导航向上”和“向下” 当我在导航上移动鼠标时,它变成了这样:有人能帮我吗? css:Javascript 鼠标悬停干扰导航,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我已经创建了导航菜单,当我将鼠标悬停在导航项上时,可以在下图中找到“导航向上”和“向下” 当我在导航上移动鼠标时,它变成了这样:有人能帮我吗? css: 您可以设置子菜单的绝对位置,以消除布局问题。分享一些代码?图片对你毫无帮助。您需要显示代码。请在这篇文章中发布一个JSFIDLE或整个html/css,这样我们就可以确切地看到您在做什么。很抱歉,我不能发布html代码,因为它是用velocity编写的,所有的id和类都将动态出现。所以我只能发布css #navigation { /*
您可以设置子菜单的绝对位置,以消除布局问题。分享一些代码?图片对你毫无帮助。您需要显示代码。请在这篇文章中发布一个JSFIDLE或整个html/css,这样我们就可以确切地看到您在做什么。很抱歉,我不能发布html代码,因为它是用velocity编写的,所有的id和类都将动态出现。所以我只能发布css
#navigation {
/* background: #414445 url(../images/navigation/bg.png) repeat-x 0 0; */
clear: both;
min-height: 2.2em;
padding: 0 5px;
position: relative;
z-index: 1;
float: right;
top: -45px;
width: 850px;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 3px;
float: right;
}
.ie7 #navigation ul {
padding: 2px;
}
#navigation li, #navigation a {
display: inline-block;
}
.ie6 #navigation li, .ie7 #navigation li, .ie6 #navigation a, .ie7 #navigation a {
display: inline;
zoom: 1;
z-index: 200;
}
#navigation li {
color:#000;
position: relative;
vertical-align: top;
margin-left: 20px;
}
#header_navigation {
top: 22px;
}
#navigation a {
color: #FFF;
margin: 0 1px;
text-decoration: none;
}
.ie7 #navigation a {
padding: 4px 15px;
}
#navigation .aui-dd-drop a {
cursor: move;
}
/*
#navigation .selected a, #navigation a:hover, #navigation a:focus, #navigation .child-menu li a, #navigation .aui-dd-dragging, .lfr-navigation-proxy {
background: #313334;
border-bottom: #fff solid 2px;
outline: 0;
text-shadow: -1px -1px #000;
}
#navigation li:hover{
border-bottom: #000 solid 2px;
} */
#navigation li:hover .child-menu {
background: #188091;
display: block;
position: absolute;
width: 200px;
z-index: 200;
}
.ie6 #navigation li.hover .child-menu {
background: #1E2529;
display: block;
position: absolute;
width: 200px;
z-index: 200;
}
.ie6 #navigation li.hover .child-menu, .ie7 #navigation li:hover ul.child-menu {
left: 0;
top: 25px;
}
#navigation .child-menu {
display: none;
}
#navigation .child-menu li {
border-width: 0 0 1px;
display: block;
float: none;
margin: 0;
height: 25px;
}
#navigation .child-menu li a {
cursor: pointer !important;
}
.ie7 #navigation .child-menu li a {
zoom: 1;
}