-4
많은 프로젝트의 Z- 인덱스를 사용하고 있기 때문에 프로젝트가 완전히 엉망입니다. 이제 일부 수업이 숨어있는 이유를 이해할 수 없으며이를 해결할 방법이 없습니다. 이 문제를 해결하기 위해 할 수있는 일이 있습니까? 어떤 제안?많은 z- 인덱스 매개 변수로 작업하는 가장 좋은 방법은 무엇입니까?
A
답변
0
Z- 색인을 한 번에 하나씩 변경하십시오. 일반적으로 사람들은 큰 숫자를 사용하는 경향이 있으므로 어떤 번호인지 기억합니다. 예를 들어, z 인덱스를 매번 100 씩 늘리거나 매번 100 또는 심지어 1000으로 줄이십시오.
귀하의 질문은 아마도 하하가됩니다. 죄송합니다.
0
Sass/SCSS (또는 Less 또는 Stylus)와 같은 전 처리기를 사용하는 경우 변수를 사용하여 z- 색인을 추적 할 수 있습니다. 예를 들어, 다음과 같이 할 수 있습니다.
$z: (
base: 1,
menus: 10,
modals: 100
)
.modal { z-index: map-get($z, modals); }
.some-other-modal-thing { z-index: map-get($z, modals); }
앞으로 도움이 될 것입니다. 지금은 수동으로 청소해야합니다. 선택한 텍스트 편집기에서 Search + Replace를 사용하면 참조를 추적하고 업데이트하는 데 도움이됩니다. z-index의 인스턴스를 하나씩 살펴보고 한 번에 하나씩 제거하고 중단 된 부분을 보는 것이 도움이 될 수 있습니다. (아무 일도 일어나지 않으면 규칙을 죽이고 다음 인스턴스로 넘어갑니다!)
0
것들을 구획합니다.
상위 수준의 구성 요소가 포함 된 상위 수준의 계층을 빌드합니다. 나는. 메뉴 모음, 사이드 바 및 기본 섹션이있는 경우 세 가지를 계층화하면됩니다. 그런 다음 나중에 이것들에 대해 걱정하십시오.
페이지의 다른 모든 것들과 함께 각각의 개별적인 것을 하나씩 쌓으려고한다면, 틀리게하고있는 것입니다.
다른 말로하면 상식을 사용하고 사람들이 다른 모든 삶의 측면에서하는 일을 수행하십시오. 하나의 긴 목록을 작성하는 것이 아니라 다루기 쉽고 이해하기 쉬운 그룹으로 작성하는 것입니다.
기술적으로 상대 및 절대 위치 지정은 새로운 z- 색인 컨텍스트를 만듭니다. 고정 위치 지정은 브라우저에 따라 다르지만 Firefox는 일부 버전에서이 처리 방식을 변경했으며 Chrome은 모바일 브라우저와 일관되게 다르게 처리합니다. 실수하지는 않지만 누군가 확인해야합니다.