z-index troubles

  • I can’t seem to get the page div to overlap the footer div. I have tried playing with the z-indexes and can’t seem to get it to work. Here is a link to the site that I am working on: https://heattreatforum.flyten.net

    Can someone help me see what I am doing wrong?

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I can’t see a z-index on the #page selector, z-index only works on sibling elements.

    Thread Starter lilmsjenn

    (@lilmsjenn)

    Sorry – I had played with that before and then must have removed it when I couldn’t get it to work.

    I have added a z-index to the #page selector now but still am not seeing the correct layering of the page over footer.

    This seems so simple but I must have confused things along the way – please let me know if I’ve entered the wrong values or what else I might be doing wrong.

    Thanks!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I still can’t see the z-index on #page, but really I don’t get what you’re trying to do because I don’t see footer overlapping the main content.

    Thread Starter lilmsjenn

    (@lilmsjenn)

    huh – very strange. I am sure it’s there now – just double-checked and it is definitely there.

    I have a drop-shadow on the page selector and I want that to overlap the footer – that’s my goal.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’re forgetting the relative positioning on #page

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘z-index troubles’ is closed to new replies.

Tags