Jump to content


Photo

Z-index values on nav won't work


  • This topic is locked This topic is locked
5 replies to this topic

#1 strategicblend

strategicblend

    Advanced Member

  • Members
  • PipPipPip
  • 53 posts

Posted 24 May 2011 - 08:50 PM

I have image div I've placed in my sidebar - on which I added position: absolute and a z-index of 33. This pushes the image over any of the page content and nav bar. I want my nav items to appear OVER this image, and I thought a simple position: relative, z-index 34 would do it. However this isn't working and my nav remains covered by the image. Is there some rogue jquery or other code that would prevent me from creating a simple z-index on the nav?

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 25 May 2011 - 02:09 AM

Which CSS selector are you adding the position/z-index code to and where are you adding the CSS?

#3 strategicblend

strategicblend

    Advanced Member

  • Members
  • PipPipPip
  • 53 posts

Posted 26 May 2011 - 03:19 PM

I think I figured it out - PP adds an IE fix and creates two instances of "z-index: 15" within #header. Does anyone know why that element is present? Twice?

#4 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 26 May 2011 - 08:38 PM

If you are using z-index then you likely just need to make sure to explicitly set the position on the elements you are trying to overlap it with.

#5 thekben

thekben

    Newbie

  • Members
  • Pip
  • 2 posts
  • Country: Country Flag

Posted 30 May 2013 - 02:53 AM

Having this issue, trying to get z-index of nav on napavalleybiscuits.com above 100, can anyone help out?



#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 30 May 2013 - 03:23 AM

Hi,

 

I answered your inquiry in another topic.  To save you time in future, please open a new topic of your own so that we may provide direct assistance to you. Often these issues seem the same, but are caused by different things, so it's difficult for us to deal with lacking a direct topic.  It also helps you to keep focused on one issue, rather than multiple topics.

 

Thanks for your understanding.