CSS box-shadow 숨김 (z-index는 수정되지 않음)

CSS box-shadow 숨김 (z-index는 수정되지 않음)

---

내 #primaryNavdiv 에 상자 그림자가 있습니다. 불행히도 그림자는 다음 #page요소 의 배경에 의해 가려지고 / 숨겨집니다 .

Z- 색인을 100으로 설정하고 Z- #primaryNav색인을 -100으로 #page 로 설정하려고했지만 문제가 해결되지 않습니다.

내가 뭘 잘못하고 있는지 아이디어가 있습니까?

---

에 대한 위치를 정의해야합니다 #primaryNav. Z- 색인은 배치 된 요소에만 영향을줍니다. 방금 방화범에 추가했고 수정했습니다.

#primaryNav {
  position: relative;
 }

음수 Z- 색인을 사용하지 않을 것입니다. Z- 색인 #page을 0으로 변경하기 만하면 됩니다.

---

jlego가 이미 말했듯이 상대 위치는이를 수정해야합니다. 그건 그렇고, 나는 왼쪽이나 오른쪽에 그림자가 없는지 확인하는 것이 좋습니다 #primaryNav. #primaryNav너비가 100 % 이므로 측면에 그림자가 있으면 수평 스크롤바가 나타납니다.

이 문제를 해결하기 위해 다음을 설정할 overflow:hidden수 있습니다.#iframe

---

귀하의 사이트를 살펴본 결과의 border-bottom속성이 #primaryNav귀하의 그림자를 가리고 있다고 생각합니다 .

참고 URL : https://stackoverflow.com/questions/5505118/css-box-shadow-hidden-z-index-does-not-fix