如何解决导航菜单被jquery图片查看器隐藏
| 就像您在下图中看到的那样,我的菜单下拉到了我的照片查看器下方。图片查看器是jquery和CSS。该菜单是作为asp菜单实现的。如果有人有任何建议,请告诉我。谢谢<asp:Menu ID=\"NavigationMenu\" StaticDisplayLevels=\"1\" MaximumDynamicDisplayLevels=\"5\" DataSourceID=\"menu\" runat=\"server\" CssClass=\"menu\" EnableViewState=\"false\" IncludeStyleBlock=\"false\" Orientation=\"Horizontal\">
div.menu
{
padding: 0px 0px 0px 0px;
width:100%;
}
div.menu ul
{
list-style: none;
}
div.menu ul.nav li
{
display: inline;
}
div.menu ul li a,div.menu ul li a:visited
{
background-color: #CC1111;
color: #ffffff;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration:none;
white-space: nowrap;
font-size:large;
}
div.menu ul li a:hover
{
background-color: #CC1111;
color: #ffffff;
}
div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}
解决方法
您需要使用z-index。为div.menu赋予较高的值,为图像赋予较低的值。
看到这个:http://www.w3schools.com/Css/pr_pos_z-index.asp
http://www.w3schools.com/Css/tryit.asp?filename=trycss_zindex
, 给您的菜单一个“ 1”值,例如
div.menu
{
padding: 0px 0px 0px 0px;
width:100%;
position: relative;
z-index:100;
}
我的假设是还为图片查看器设置了一个,因此您需要更高。
参考
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。