figure out the z-index in my page

Question

I have three z-index level in my page

• z-index: 1 for the div in position: fixed with the image positioned as background
• z-index: 2 for the div sliding box in position: absolute which falls down if you click over the producto link (click twice in the producto link in this example )
• z-index: 3 for the the div in position: relative with my header and content

I want to keep the space in z-index: 2 with the image in background exactly till the same point where my sliding box falls down if you click over the Producto link but then i want again my content in z-index:3. in order to keep the div in z-index: 1 as a small window with my image inside.

I am struggling to achieve that, i think it's a very stupid think at this stage.

Hope the explanation is clear, otherwise tell me what's unclear

Answer 1

发现了问题，我在div z-index 3中应用了两次背景色，这就是为什么我在z-indez中没有看到div的原因：1