not getting box-shadow effect

[gib65]

Hello,

I have a div with a box-shadow:



However, if I scroll the list until a highlighted item is under the box-shadow, no box-shadow shows up.



The only difference between the highlighted and unhighlighted items is that the highlighted item has this CSS:

background: #f6f6f6;

Why would setting the background color on the highlighted item remove the box-shadow effect?

[molendijk]

It has to do with z-index, see this.

[gib65]

Well, here's the strange thing:

I deliberately set the z-index of the div with the box-shadow to 100. All other divs in the list below it do not have their z-index set.

Yet when I inspect the elements, I find that the z-index of the div with the box-shadow has been set to auto, and that all divs in the list have their z-index set to auto.

Why would the z-index of my box-shadow div get set to auto?

[molendijk]

Can you give us your code, or a working example?