지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > Z-색인이 실패하는 이유는 무엇입니까?

Z-색인이 실패하는 이유는 무엇입니까?

php中世界最好的语言
풀어 주다： 2018-02-23 10:10:05
원래의
2851명이 탐색했습니다.

때때로 코드를 작성하다 보면 제가 작성한 z-index가 유효하지 않은 것을 발견하게 되는 경우가 있기 때문에 이번에는 z-index가 실패하는 이유와 z 사용 시 주의사항에 대해 알려드리겠습니다. -index. 다음은 실제 사례입니다. 살펴보겠습니다.

1. 상위 태그의 position 속성은 상대적입니다.

2. 질문 라벨에는 위치 속성이 없습니다(

static 제외).

3. .

4. 질문 태그의 조상 태그의 z-index 값은 상대적으로 작습니다.

이 경우

위치에는 절대값과 고정값만 남습니다

이후에는 방법을 익히셨으리라 믿습니다. 이 사례를 읽으면 더욱 흥미로워집니다. PHP 중국어 웹사이트의 다른 관련 기사도 주목해 주세요!

관련 읽기:

iframe의 하위 페이지를 작동하여 상위 페이지의 페이지 팝업 레이어 효과를 차단하는 방법


html의 표준 작성 방법과 Dreamweaver에서 생성된 코드의 차이점은 무엇입니까?


HTML에서 혼합 그래픽과 텍스트를 얻는 방법

위 내용은 Z-색인이 실패하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
z-index 왜 유효하지 않은
원천：php.cn
이전 기사：CSS 파일을 헤드에 넣는 이유 다음 기사：getBoundingClientRect()를 사용하여 div 컨테이너의 고정 스크롤을 달성하는 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
for 루프는 무작위로 1에서 0으로 이동합니다. 기본적으로 페이지가 새로 고쳐질 때마다 for 루프는 1에서 0으로 변경될 가능성이 있습니다. 왜 이런 일이 발생하는지 모르겠지만 내 이미지가 서로 겹쳐지는 방식...
에서 2024-04-06 16:48:14
0
1
393
숨겨진 측면 패널 표시: 선택됨 애니메이션 햄버거 메뉴를 통해 보기로 전환할 수 있는 탐색 메뉴를 측면 패널에 갖고 싶습니다. JS 없이 CSS만 사용하여 만들고 싶습니다. :checked 의사...
에서 2024-04-06 15:49:33
0
1
319
태그로 게시물 검색 게시물을 태그별로 표시해야 합니다. 내 솔루션은 다음과 같은 단일 태그에 대해 작동합니다. Route::get('/posts',[PostController::cl...
에서 2024-04-03 22:38:54
0
1
430
개체 위로 마우스를 가져가면 해당 개체가 사라지고 다른 개체가 나타나서 클릭할 수 있게 하려면 어떻게 해야 합니까? 내 첫 번째 개체는 "dog-letter" 클래스의 개체입니다. 여기에는 "dog" 클래스와 "letter"...
에서 2024-04-01 13:23:16
0
1
355
Vue는 다양한 환경에 대해 다양한 vue.config.js 구성을 설정합니다. 여러 페이지로 구성된 애플리케이션이 있는데 개발 환경에서만 일부 페이지를 표시해야 합니다. 이것은 내 vue.config.js입니다: module.exports=...
에서 2024-03-31 19:40:28
0
1
292
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿