html - Drop Down Menu hidden behind the slider -


The drop down menu is hidden behind the slider on Chrome. I have not yet checked Internet Explorer. Tried to set up submenu with: relative and high z-index, and sliders as the status cover: relative and lower z-index. However, this is still not working

The website I'm working on is:

slider_uper

  .rev_slider_wrapper {- Webkit-box-sizing: border-box; -MOZ Box-Size: border-box; -mm-box-size: border-box; Box-size: border-box; Z-index: 1; Status: Relative; } .tp-bannertimer {z-index: 20! Important; } .rev_slider iframe {z-index: 100; }  

Main Menu

  # Header-section & gt; # Main-nav (border-top: 1px solid # e4e4e4; / * background: url ('image / triangular page'); * / background color: # C17B48; border-top: 1px solid # E25879 Important! Border Bottom: 1px solid # E25879! Important: Position: Relative; Z-index: 2000;} # Header-section # Main-nav, # header-section # Main-nav.ub sub-menu, #header-section #main-navs. Sub-menu, #header-section #main-navs. Sub-menu li, #header-section #national-navs .sub- menus li a {z- Index: 100000! Important;}  

Add it to your slider or image div "style = "Position: absolute; Z-ndex: -1000;"

This worked for me.


Comments

Popular posts from this blog

ios - How do I use CFArrayRef in Swift? -

eclipse plugin - Run java code error: Workspace is closed -

c - Error on building source code in VC 6 -