Home/ Questions/Q 6547069
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T11:47:07+00:00

I have a div with a absolute position and a div with relative position.

  • 0

I have a div with a absolute position and a div with relative position. The first div contains the links and the second div contains some contents which is over the first div. The first div has a z-index of 1, while the second has a z-index of -1 and the first div is also declared first.

Although, the links in the first div are unclickable. I have now idea, why this is so.

Fiddle

Both side1 and side2 will have a background image. And the content should appear over the sides, but the links should still work.

Second fiddle

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Either change .side to have z-index: 1, or change #container to have margin-top: 150px instead of padding-top.

    #books has a z-index of 1, but it’s inside a container with a z-index of -1, so it still ends up below the #container which has z-index: -1 but gets rendered after (thus on top).

    • 0