Grow your CSS skills. Land your dream job.

Slider Overlapping content

  • # April 11, 2013 at 10:15 am

    So here I’ve got a pretty strange issue with a solution i can’t think of, but that’s pretty expected from my side as it’s the first time working with sliders.

    Here is a screenshot: http://imgur.com/aKGpefh

    As you can clearly see on the image, the box which is supposed to be over the slider doesn’t appear that way, same happening with the navigation dropdown menu – it would get hidden under the slider.

    The slider does have a container of his own, in case it helps.

    Thanks

    # April 11, 2013 at 10:16 am

    Sounds like a z-index issue.

    If you have a link we can take a look.

    # April 11, 2013 at 4:34 pm

    Hey, unfortunately i haven’t got any live preview for this one, and still looking for help..

    # April 11, 2013 at 4:43 pm

    Applying “z-index: -1″ to slider’s container sorted out the issue. Thanks to Paulie_D for the suggestion :)

    Solved.

    # April 12, 2013 at 6:59 am

    Are you using a jQuery or flash slider? Are you using flash inside your slider? If there is any flash you must ensure that your flash is set to transparent. If it’s all straight jQuery and CSS, as already stated, start applying z-indexing…

    # April 12, 2013 at 7:00 am

    Based on your screenshot, it looks like there are a few problems going on here.

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

You must be logged in to reply to this topic.

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