Bring to front JQuery SubMenu in front of DIV Elements in ContentPage/ChildPage in ASP.NET?

K

karthik

New member
Hello buddies,
I really need help on this. Please help.
In ASP.NET I have created a Master Page with a Menu built using DIVs and UL (Unordered List). The Menu/SubMenu and its animations are rendered using JQuery. Now the problem is, some of the controls which are made using DIV and JQUERY(in ContentPage/ChildPage) are appearing on top of the SubMenu. The usual asp.net controls are appearing below the submenus though. I have tried setting the z-index value of the Menu(ul) to z-index: 100. But it doesnt work. Please someone guide me.

<DynamicMenuStyle CssClass="submenucontrol" /> and .menu{ z-index:100;} wont work for me because i'm not using <asp:Menu > control for rendering the Menu (ul) elements in master page. It's all made of CSS and Jquery(with just divs and ul).




Sample code of the Mainmenu in MasterPage:
<div class="MainMenu">
<div class="box">



<ul id="ldd_menu" class="ldd_menu" style="z-index: 100">
<li>
<span>Buy/Sell/Rent</span><!-- Increases to 510px in width-->
<div class="ldd_submenu">
<ul>
<li class="ldd_heading">Properties</li>
<li><a href="sale.aspx">Sale</a></li>
<li><a href="rent.aspx">Rent</a></li>

</ul>
</div>
</div>
 
Back
Top