css隐藏组件
知有
208
隐藏组件
一、使用opacity属性:
opacity属性设置对象的不透明度,当他的透明度为0的时候,它就消失了,但依然占据位置,并对网页的布局起作用,并且它还响应用户交互。
背景和元素内容也是会跟着变化的。
二、使用display属性:
当元素的display属性为none时,该元素消失,并且连盒模型也不生成。也不会在页面占据任何位置,不但如此,就连它的子元素也会一同从盒子模型中消失。
三、使用visibility属性:
visibility属性类似opacity属性,该属性值为hidden的时候,元素将会隐藏,占据着自己的位置,并对网页的布局起作用,与opacity 唯一不同的是它不会响应任何用户交互。
四、使用position属性:
通过position属性让元素脱离文档流,通过(top,left,right,bottom)移出视觉区域。添加该属性后既不会影响布局,又能让元素保持可以操作。