隐藏dom元素的三种css方法是什么-前端问答-PHP中文网

隐藏dom元素的三种css方法是什么

青灯夜游

发布： 2021-12-09 16:01:04

原创

4768人浏览过

隐藏dom元素的三种css方法：1、给dom元素添加“visibility:hidden;”样式；2、给dom元素添加“diaplay:none;”样式；3、给dom元素添加“opacity:0;”样式。

隐藏dom元素的三种css方法是什么

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

隐藏dom元素的三种css方法

1、visibility:hidden;

将它的值设为hidden将隐藏我们的元素。如同opacity属性，被隐藏的元素依然会对我们的网页布局起作用。与opacity唯一不同的是它不会响应任何用户交互。此外元素在读屏软件中会被隐藏。

立即学习“前端免费学习笔记（深入）”；

2、diaplay:none;

display属性依照词义真正隐藏元素。将display属性设为none确保元素不可见并且连盒模型也不生成。使用这个属性，被隐藏的元素不占据任何空间。不仅如此，一旦display设为none任何对该元素直接打用户交互操作都不可能生效。此外，读屏软件也不会读到元素的内容。这种方式产生的效果就像元素完全不存在。