Grow your CSS skills. Land your dream job.

IE7 issue…fixing z-index broke slider nav!

  • # October 16, 2012 at 2:30 pm

    Hello all!

    Please look at http://www.siphon-marketing.com/unifirst/V4

    Jamy on this forum helped me to fix an IE7 issue with the top navigation submenus by adding a z-index of -1 to the slider layer (you’ll see in my conditional code)

    UNFORTUNATELY, this makes the slider navigation unclickable in IE7…works everywhere else!

    Can somebody please help!

    # October 16, 2012 at 3:39 pm

    This may be fixed by moving the container div AFTER the slider div in the markup (and then position it at the top of the page using some absolute positioning).

    IE7 sometimes has this bug where Z-indexes are not applied between items and the elements that come later in the markup, will get a higher Z-index than the ones that come before it.

    # October 16, 2012 at 3:47 pm

    I put up a 2nd page removing the z-index of the slider so you can see the slider works but now the navigation submenus are frigged!

    http://www.siphon-marketing.com/unifirst/V4/index2.html

    Any saviors out there? :)

    # October 16, 2012 at 3:48 pm

    Thanks for your suggestion Senff!

    I actually thought of that but was hoping for a simpler solution.

    I’ll see if anybody else has any ideas and recode, after some sleep, tomorrow :)

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".