冰仔的博客(iced's blog) 网络安全,PHP开发,网站发展,系统集成

Submitted by iced on 2009, September 23, 12:38 PM

今天在对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);}