用div+css做下拉菜单,当鼠标移向2级菜单时,为什么1级菜单的a:hover背景色就不管用了?
2016-09-23 21:43
323 查看
伪类:hover只是鼠标停留当前元素时。
鼠标一离开马上就没有了。
主菜单鼠标经过样式单写一个,例 .nav_hover{background-color:blue;}
判断一下:
if(鼠标移到此菜单元素为真 || 2级菜单的显示为真){
主菜单元素className = “nav_hover”;
}
方法二
一般出现这种情况,那是因为你的层级关系没有处理好,你把二级菜单放在一级菜单上面,使其在经过二级菜单时也触发了一级菜单,这样一级菜单的背景色就不变色
鼠标一离开马上就没有了。
主菜单鼠标经过样式单写一个,例 .nav_hover{background-color:blue;}
判断一下:
if(鼠标移到此菜单元素为真 || 2级菜单的显示为真){
主菜单元素className = “nav_hover”;
}
方法二
一般出现这种情况,那是因为你的层级关系没有处理好,你把二级菜单放在一级菜单上面,使其在经过二级菜单时也触发了一级菜单,这样一级菜单的背景色就不变色
相关文章推荐
- 经典的 div + css 鼠标 hover 下拉菜单
- JQUERY HOVER鼠标悬停导航菜单滑动展开弹性下拉菜单
- css导航栏鼠标hover的时候就出现下拉菜单
- JQUERY HOVER鼠标悬停导航菜单滑动展开弹性下拉菜单
- CSS实现DIV感应鼠标Hover时的显示隐藏效果
- 纯DIV+CSS制作的三级鼠标经过弹出下拉导航菜单源码
- div+css实现鼠标经过背景高亮的导航菜单代码
- css的hover属性:为什么鼠标放在a上不能触发b
- DIV+CSS布局重新学习之css控制ul li实现2级菜单
- 如何用CSS制作横向菜单 ,鼠标经过变色 并显示下拉菜单...
- css控制,鼠标移动到DIV层上,更换背景色颜色,兼容IE6,IE7,FF
- 可刷新的Div+CSS+JS制作的树型菜单
- 效果直逼flash的Div+Css+Js菜单
- CSS Repeater - 交错显示行背景色 table行鼠标进入事件特效 禁止文本换行
- DIV+CSS导航菜单代码,挺不错的。共享下
- 作报告~DIV+CSS为什么好?(更新)---转载
- div+css+js一级下拉菜单完美版
- 很不错的滑动门菜单(div+css)提供下载
- DIV+CSS导航菜单代码,挺不错的。共享下
- div+css实现鼠标放上去,背景跟图片都会变化。