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

元素隐藏的方法

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

相关文章

  • Jquery显示或隐藏元素及判断显示隐藏状态

    使用JQuery隐藏元素或者显示元素的方法以及判断元素是否被隐藏

  • 第 7 章 jQuery 动画特效

    调用 show() 和 hide() 方法显示和隐藏元素 show()和hide()方法用于显示或隐藏页面中的元素...

  • 元素隐藏的方法

    1. 方法一: display设置为none  元素不显示出来, 并且也不占据位置, 不占据任何空间(和不存在一...

  • jQuery动画操作

    一、元素的显示与隐藏 1、hide(元素隐藏)方法 $ele.hide()或.hide("fast / slow"...

  • 2018前端面试题(二)

    九、元素隐藏的几种方法 (1)opacity: 0 ; 通过改变元素的透明度,从视觉上来隐藏元素,但是元素本身依然...

  • 隐藏页面元素的方法

    【CSS】 1. visibility属性设为hidden(visible为不隐藏),隐藏后对应的页面位置仍被占用...

  • jQuery中的动画

    jQuery中的动画 show()方法和hide()方法 控制元素的显示与隐藏,可以为该方法添加参数,使得元素可以...

  • border-radius 超出隐藏失效

    父元素设置border-radius ,overflow:hidden; 后 子元素超出不隐藏 方法: 父元素加:...

  • jQuery - 效果(三)之 显示隐藏

    jQuery 中提供了 hide() 方法来隐藏元素、 show() 方法来显示元素。 本文目录: show...

  • jQuery基础(3)

    (续jQuery基础(2)) 四、动画篇 第1章 动画基础隐藏和显示 (1)隐藏元素的hide方法 让页面上的元素...

网友评论

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

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