css隐藏组件

知有的头像
知有
208

隐藏组件

一、使用opacity属性:

        opacity属性设置对象的不透明度,当他的透明度为0的时候,它就消失了,但依然占据位置,并对网页的布局起作用,并且它还响应用户交互。

背景和元素内容也是会跟着变化的。

二、使用display属性:

        当元素的display属性为none时,该元素消失,并且连盒模型也不生成。也不会在页面占据任何位置,不但如此,就连它的子元素也会一同从盒子模型中消失。

三、使用visibility属性:

        visibility属性类似opacity属性,该属性值为hidden的时候,元素将会隐藏,占据着自己的位置,并对网页的布局起作用,与opacity 唯一不同的是它不会响应任何用户交互。

四、使用position属性:

        通过position属性让元素脱离文档流,通过(top,left,right,bottom)移出视觉区域。添加该属性后既不会影响布局,又能让元素保持可以操作。

用户评论
评论列表