asp.net menu的菜单被图片画廊挡住，请问如何处理？

menu的下拉菜单被“图片画廊”挡住，按网上方法也不行，请问如何处理，谢谢！网上的方法：.adjustedZIndex {   z-index: 1; }/*这里我调成了9999都不行*/<asp:Menu ID="Menu1" runat="server">   
<DynamicMenuStyle CssClass="adjustedZIndex" />   
</asp:Menu>

解决方案 »

  1.   

    那LZ的说的图片画廊的z-index是多少呢
    按理说图片画廊的z-index比adjustedZIndex的z-index小就可以了
      

  2.   

    z-index 可以为负，图片改成-1试试
      

  3.   

    母页：<%@ Master Language="C#" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server" >
        <link rel="stylesheet" href="styles/bigImg.css" type="text/css">
        <link rel="stylesheet" href="styles/main.css" type="text/css">
        <link rel="stylesheet" href="styles/others.css" type="text/css">
        <link rel="stylesheet" href="styles/menu.css" type="text/css">
        <link rel="stylesheet" href="styles/menu_left1.css" type="text/css">
        <script type="text/javascript" src="jQuery/jquery-1.4.1.js"></script>
    <script type="text/javascript" src="js/bigImg.js"></script>
        <title></title>
    </head>
    <body>
    <form id="form1" runat="server">
    <div id="DivLogo">
    <div style="float:left; padding:0px 0px 0px 20%">&nbsp;</div>
    <div style="float:left;width:400px;height:60px; margin:5px 0px 5px 0px; background:url(imgs/logo.png) no-repeat;"></div>
    <div style="clear:both"></div>
    </div>
    <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="Menu.xml"></asp:XmlDataSource>
    <div id="divMenuBG" style=" margin:10px 0px 10px 0px;padding:1px 0px 10px 20%;background:transparent url(imgs/menubg.png) repeat;">
    <div id="divMenu" class="adjustedZIndex">
    <asp:Menu DataSourceID="XmlDataSource1" runat="server" ID="Menu1" MaximumDynamicDisplayLevels="4"  Orientation="Horizontal" StaticDisplayLevels="2" StaticEnableDefaultPopOutImage="False" DynamicEnableDefaultPopOutImage="false" StaticSubMenuIndent="" ItemWrap="True" ForeColor="white"  class="adjustedZIndex">
        <staticmenuitemstyle horizontalpadding="0" ItemSpacing="10" BackColor="Transparent"/>
         <staticselectedstyle backcolor="LightBlue" borderstyle="Solid"  bordercolor="white"     borderwidth="0"/>
         <dynamicselectedstyle backcolor="#0033cc"  borderstyle="Solid"  bordercolor="Black"  borderwidth="1" />
         <dynamicmenuitemstyle backcolor="#0033cc"   forecolor="yellow"  borderstyle="Solid" borderwidth="1"  bordercolor="#0066ff" HorizontalPadding="5" VerticalPadding="5"/>
         <DataBindings>
             <asp:MenuItemBinding DataMember="Menus" TextField="value" ValueField="value"  targetField="targetValue"/>
             <asp:MenuItemBinding DataMember="TopMenu"  TextField="value" NavigateUrlField="NavigateUrl" ValueField="value"  targetField="targetValue"/>
             <asp:MenuItemBinding DataMember="TopMenuItem" NavigateUrlField="NavigateUrl" TextField="value" ValueField="value" targetField="targetValue"/>     
         </DataBindings>
    </asp:Menu>
    </div>
    </div>

    <div id="divMAIN"><asp:contentplaceholder id="Main" runat="server" /></div>
    <div id="divFooter">
    <asp:contentplaceholder id="Footer" runat="server"> </asp:contentplaceholder>
    </div>
    </form></body>
    </html>
      

  4.   

    子页：<%@ Page Language="C#" MasterPageFile="page.master" ContentType="text/html" ResponseEncoding="utf-8" %><asp:Content ID="Content2" ContentPlaceHolderID="Main" Runat="Server">
    <!--焦点图开始-->
    <DIV id=iFocus>
    <UL>
      <LI>
      <DIV>
      <A class=track  href="product_militec.aspx"  name=h-a-focus-1a target=_self>
      <IMG  src="imgs/11.jpg">
      </A>
      </DIV>
      </LI>
      
      <LI>
      <DIV>
      <A class=track href="product_auto_e.aspx"  name=h-a-focus-2a target=_self>
      <IMG src="imgs/9.jpg" title="MILITEC-1">
      </A>
      </DIV>
      </LI>
      
      <LI>
      <DIV>
      <A class=track href="product_auto_e.aspx"  name=h-a-focus-2a target=_self>
      <IMG src="imgs/10.jpg" title="MILITEC-1">
      </A>
      </DIV>
      </LI>
    </UL>
    </DIV>
    <!--焦点图结束-->
    </asp:Content>    
      

  5.   

    UL {
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
    }
    LI {
    PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
    }
    #iFocus {
    Z-INDEX: 80; POSITION: relative; WIDTH: 900px;  HEIGHT: 300px; OVERFLOW: hidden
    }
    #iFocus UL {
    Z-INDEX: 88; POSITION: absolute; HEIGHT: 330px
    }
    #iFocus UL LI {
    Z-INDEX: 0; POSITION: relative; WIDTH: 900px; BACKGROUND: #000; FLOAT: left; HEIGHT: 330px; OVERFLOW: hidden
    }
    #iFocus UL LI DIV {
    FLOAT: left
    }
    #iFocus .btnBg {
    Z-INDEX: 89; POSITION: absolute; WIDTH: 900px; BOTTOM: 0px; BACKGROUND:#EBE00E; HEIGHT: 35px; LEFT: 0px
    }
    #iFocus .btn {
    Z-INDEX: 90; POSITION: absolute; TEXT-ALIGN: right; PADDING-LEFT: 10px; WIDTH: 900px; BOTTOM: 8px; HEIGHT: 18px; LEFT: 0px
    }
    #iFocus .btn SPAN {
    BORDER-BOTTOM: #fff 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #fff 1px solid; LINE-HEIGHT: 18px; WIDTH: 18px; DISPLAY: inline-block; FONT-FAMILY: "微软雅黑"; BACKGROUND: #e0e0e0; HEIGHT: 18px; COLOR: #333; FONT-SIZE: 16px; BORDER-TOP: #fff 1px solid; CURSOR: pointer; MARGIN-RIGHT: 5px; BORDER-RIGHT: #fff 1px solid; _zoom: 1; _display: inline
    }
    #iFocus .btn SPAN.on {
    BORDER-BOTTOM: #dc0050 1px solid; BORDER-LEFT: #dc0050 1px solid; BACKGROUND: #dc0050; COLOR: #fcc; BORDER-TOP: #dc0050 1px solid; BORDER-RIGHT: #dc0050 1px solid
    }