元素隐藏的方法
2022-09-12 本文已影响0人
未路过
1. 方法一: display设置为none
元素不显示出来, 并且也不占据位置, 不占据任何空间(和不存在一样);
2. 方法二: visibility设置为hidden
(visibility有两个属性,一个hidden, 一个visible值 )
设置为hidden, 虽然元素不可见, 但是会占据元素应该占据的空间; 默认为visible, 元素是可见的;
3. 方法三: rgba设置颜色
将a的值设置为0 rgba的a设置的是alpha值, 可以设置透明度, 不影响子元素; 设置元素color: rgba(255, 0, 0, 0);那么里面的文字都是看不见的,文字完全透明。但是没有办法进行儿子元素们的隐藏,比如图片元素。
4. 方法四: opacity设置透明度为0
给父元素设置透明度为0, 会影响所有的子元素,也就是父元素和子元素都看不到;