Home/ Questions/Q 8220337
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T13:29:19+00:00

See here for code: http://jsfiddle.net/9pezn/ I know how to do the position bottom, negative

  • 0

See here for code: http://jsfiddle.net/9pezn/

I know how to do the position bottom, negative margin trick with a bottom-border to make a hovered/active “tab” z-index over it but have been unable to recreate this effect when using a box-shadow. Any ideas?

I.E. I want the main navigation tabs to be on top of the box-shadow! I am essentially attempting to replicate what the Nike.com navigation does. E.g. When you hover over “Sports,” then the bottom shadow is covered.

Thanks in advance!

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I found a solution I’m willing to settle for: http://jsfiddle.net/LVppY/

    Scott, you were on the right track that it could be done with z-index

    • 0