美文网首页
元素隐藏的方法

元素隐藏的方法

作者: 未路过 | 来源:发表于2022-09-12 12:40 被阅读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, 会影响所有的子元素,也就是父元素和子元素都看不到;

    相关文章

      网友评论

          本文标题:元素隐藏的方法

          本文链接:https://www.haomeiwen.com/subject/wxljnrtx.html