Z- 색인을 제어 할 수 없습니다

Question

색인 색인을 더 이상 제어 할 수 없기 때문에 2-6 페이지의 로고 앞에 갈색 리본을 붙이고 싶지만 더 이상 내게 듣지는 않습니다. 거대한 Z- 색인,이 문제를 해결할 수있는 올바른 방향을 제시 할 수 있습니까? 나는 div의 구조를 재배치하여 여러 가지 해결책을 시도했지만 비효율적이었다.

와 나는 로고 앞에 그 리본을 넣어 싶습니다

http://178.62.215.130/SV/#contact 

내 출력은 다음과 같습니다 프로젝트가 유지 곳

여기에 개발자 서버입니다. 로고가 z-index = 70 인 nav의 일부로 고정되어 표시됩니다. 코드 또는 무언가를 추가하고 싶지만 무엇이 도움이되는지 모릅니다. 나는 아무도 내 일을하고 싶지 않으며,이 일을 일으킬 수있는 팁이 필요하다.

Answer 1

z-index가 작동하지 않으면 대개 정적 위치로 요소를 제어하려고하기 때문입니다. Z- 색인이 작동하려면 position: absolute;, position: relative; 또는 position:fixed;.

업데이트 : 문제는 HTML 구조와 불필요하게 복잡해 보이는 위치 - 예 : 리본은 상대 요소에 다시 배치되는 고정 요소에 배치되는 상대적으로 배치 된 요소 내부에 배치됩니다. 내가 구조체 밖으로 div를 배치하면 원하는 위치 (왼쪽, 위쪽 및 z- 인덱스 속성 사용)에서 상대적으로 쉽게 배치 할 수 있습니다. 귀하의 경우에는 문제가 아마도 상대 위치입니다 resets positioning context for nested elements. Here은 흥미로운 또 다른 리소스입니다.