元素隐藏的方法

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, 会影响所有的子元素,也就是父元素和子元素都看不到;

上一篇 下一篇

猜你喜欢

热点阅读