DOM 요소를 숨기는 세 가지 CSS 방법: 1. DOM 요소에 "visibility:hidden;" 스타일을 추가합니다. 3. "opacity:0;"을 추가합니다. "를 DOM 요소에 추가합니다. "스타일.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
dom 요소를 숨기는 세 가지 CSS 방법
1. visibility:hidden;
visibility:hidden;
将它的值设为hidden将隐藏我们的元素。如同opacity属性,被隐藏的元素依然会对我们的网页布局起作用。与opacity唯一不同的是它不会响应任何用户交互。此外元素在读屏软件中会被隐藏。
2、diaplay:none;
display属性依照词义真正隐藏元素。将display属性设为none确保元素不可见并且连盒模型也不生成。使用这个属性,被隐藏的元素不占据任何空间。不仅如此,一旦display设为none任何对该元素直接打用户交互操作都不可能生效。此外,读屏软件也不会读到元素的内容。这种方式产生的效果就像元素完全不存在。
任何这个元素的子孙元素也会被同时隐藏。为这个属性添加过度动画是无效的,他的任何不同状态值之间的切换总是会立即生效。
不过请注意,通过DOM依然可以访问到这个元素。因此你可以通过DOM来操作它。就跟其他未被隐藏的元素一样,例如$(“”)等
3、opacity:0;
opacity:0;
🎜🎜🎜opacity 속성은 요소의 투명도를 설정하는 것을 의미합니다. 요소의 경계 상자를 변경하도록 설계되지 않았습니다. 이 비트는 요소를 시각적으로 숨기기 위해서만 불투명도를 0으로 설정합니다. 요소 자체는 여전히 자체 위치를 차지하고 웹 페이지 레이아웃에 기여하는 동시에 사용자 상호 작용에도 반응합니다. 🎜🎜(학습 영상 공유: 🎜css 영상 튜토리얼🎜)🎜위 내용은 DOM 요소를 숨기는 세 가지 CSS 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!