숨겨진 요소 효과를 얻기 위한 CSS

display: none

1. DOM 구조: 브라우저는 디스플레이:none으로 요소를 렌더링하지 않으며 페이지 공간을 차지하지 않습니다.

2 이벤트 모니터링: 요소에 대한 이벤트를 모니터링할 수 없습니다

3. : 하위 요소에 상속되지 않습니다(하위 요소 세트 표시: 블록이 표시되지 않음)

4. 변경 사항: 속성 값을 변경하면 페이지가 재정렬되고 다시 그려집니다

5. 전환 효과를 설정할 수 없습니다. : 디스플레이가 유효하지 않습니다

(추천 비디오 튜토리얼: css 비디오 튜토리얼)

visibility: hided

1. 렌더링되지 않지만 페이지 공간을 차지합니다

2. 요소에

3. 상속될 수 있습니다. 비공개로 설정된 하위 요소는 표시될 수 있습니다

4. 속성을 변경하면 페이지 리플로우만 발생합니다. 전환: 표시 여부는 즉시 표시됩니다. 전환 효과

불투명도: 0

1. 요소가 숨겨지고 페이지 공간을 차지합니다

2. 이벤트 모니터링을 설정할 수 있습니다

3. 불투명도 설정

4. 다시 그려지거나 재배열되지 않습니다

5. 전환: 불투명도를 표시하거나 숨길 수 있습니다. 전환 효과

6, 불투명도는 하드웨어 가속을 실행합니다.

추천 튜토리얼:

css 빠른 시작

위 내용은 숨겨진 요소 효과를 얻기 위한 CSS의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!