CSS Help

• Y_Shun

  11 Mar 09, 17:02

  Need help to make my simplejquery dropdown to appear 'infront/forward/above' my content.

   

  See the screenshot:
  

  You can see my dropdown menu is covered by my black/greyish bar. I want my menu to appear INFRONT/FORWARD/ABOVE it. Anyone can help?
  
  I tried using z-index:100; but it cannot work... the only solutidon I thought of was puting z-index:-1; for my content but I have yet to tried that yet...

• GIB

  11 Mar 09, 23:05

  Z-index works only if u also use positioning for that element, if I'm not mistaken. So you gotta make sure your dropdown has position:static|relative|absolute|fixed. Choose one of those positioning and try again.

  This site http://www.tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp also might help u a bit if you need to visually see how the positioning and z-index work.

• pewpew

  11 Mar 09, 23:07

  oh i thought GIB only posted jokes.

• [J]erry

  11 Mar 09, 23:11

  Originally posted by pewpew:

  oh i thought GIB only posted jokes.

  

• Y_Shun

  11 Mar 09, 23:42

  yes i have an attribute of position:abosolute; inside the tags already.

• GIB

  12 Mar 09, 09:51

  Originally posted by Y_Shun:

  yes i have an attribute of position:abosolute; inside the tags already.

  If you don't mind, maybe you can post part of your codes here so we can see what is wrong or missing.

  Or if the page is accessible via internet, maybe u can give us the link to go have a look.