Home/ Questions/Q 7193187
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T20:07:08+00:00

It is my first qustion :) Box shadow does not cover drop-down ul. See

  • 0

It is my first qustion 🙂
Box shadow does not cover drop-down ul. See the screenshot, please – http://i31.fastpic.ru/big/2012/0202/7d/83a6dfa12f24ace82a3df52b6fe0587d.png. I am trying to solve it for a several hours but no result 🙁
It is strange I have gave z-index to parent element 500 and to the drop-down ul 1 but shadow is still under drop-down ul not over it.
Here is the link: http://layot.prestatrend.com/
Hope someone will help me, thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    That’s an issue regarding the stacking context.

    The point is you can’t place the block lower than the closest parent with non-static position and positive z-index. So, you have the z-index:100 on the #categories_block_top .tree li, so you can’t place the ul under it.

    To fix that (one of the ways) you can remove this z-index, then add position:relative;z-index:1; to the #wrapper and then add the negative z-index like z-index:-1; to an ul. Doing so you’ll put it on the same level as the #wrapper, so it would be over the content after it, but under the box-shadow of the #subheader.

    • 0