今天在对iwms5.0的一个模板做调整测试时候,发现头部导航处的下拉弹出菜单功能居然没有作用。
依次检查如下几个位置,均得不到解决:
-
后台系统设置里开启下拉菜单功能,已经开启
-
foot.inc中已经包含<%if(config.PopMenu){%><script type="text/javascript" src="inc/menu.js"></script><%}%>
-
问题可能出在模板或者css样式表中
找来之前应用下拉弹出效果正常的一个css样式表,对比下来发现是下拉菜单对应的css样式有问题。
可用的css样式表:
CSS代码
- /* 下拉菜单 */
- .menuskin a:hover {text-decoration:none}
- .menuitems {line-height:20px;margin-left:3px;word-break:keep-all}
- .menuskin {background-color:#fff;background-image:url(menu.gif);font:12px verdana;border:#ccc 1px solid;position:absolute;text-align:left}
- #mouseoverstyle {background:url(menu.gif) no-repeat -250px center;line-height:20px;margin-left:3px}
- #mouseoverstyle a {color:#666!important}
- .menuskin a {color:#666!important;padding-left:10px;padding-right:8px;text-decoration: none}
原来存在问题的css样式表:
CSS代码
- /* 下拉菜单 */
- .menuskin a:hover {text-decoration:none}
- .menuitems{
- margin:2px;padding:1px;word-break:keep-all;
- }
- .menuskin {background-color:#f6f6f6;background-image:url(menubg.gif);font:12px verdana;border:#999 1px solid;visibility:hidden;position:absolute;text-align:left;}
- #mouseoverstyle {background-color:#ddd;border:#666 1px solid;margin:2px;padding:0px;}
- #mouseoverstyle a {color:#666!important;}
- .menuskin a {color:#666!important;padding-left:25px;padding-right:10px;text-decoration: none;behavior:url(inc/noline.htc);}
PS.如果发现更新css后没有看到下拉弹出效果,请删除浏览器缓存后刷新测试。一般都可以解决了。如果要修改弹出的效果,修改css样式表即可。