Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

z-index drop-down issue

Discussion in 'Website Design Forum:' started by philjohns, Jul 8, 2011.

  1. philjohns

    philjohns Senior Member

    Hi All,

    Need a bit of a hand, I've styled the MaxiMenu in Joomla using CSS but there is a z-index issue.

    If you hover over "Webcams + Forecasts" you'll see that the dropdown falls behind the second menu. Anyone fancy lending a helping hand? I can't for the life of me get it to sit above!

    Triocean Surf - Surfboards, Xcel Wetsuits, Surfboard Blanks - Home

    Thanks to all...
  2. aibrean

    aibrean Member

    Works in Chrome.
  3. DWildish

    DWildish Member

  4. wac

    wac Senior Member

    Seems ok in Firefox and Netscape Navigator. :)

    WEBIAN Senior Member

    It looks ok to me too in IE 8 and in Chrome, but maybe it looks different from what you are planning.

    What do you need the z index exaclty for? Is there a non-frame scroll window that doesn't scroll, as an example, somewhere in the page? Or something similar?
  6. Kevin

    Kevin Senior Member

    It looks fine here, but z-index only works if your element has a set position (relative, absolute, fixed)

    WEBIAN Senior Member

    It was used in Design Dictionary to create a scroll window when needed (as the length of each article was different); it was hard work especially when it came to cross-browser compatibility.

Share This Page