首页 > 试题广场 >

使元素消失的方法有哪些?

[问答题]

使元素消失的方法有哪些?

  • display:none,visibility:hiden,opacity:0 这三种;
  • 设置绝对定位,给足够大负距离的 left top 使其“隐藏”;
  • 用层叠关系 z-index 把元素叠在最底下使其“隐藏”;
  • 用 text-indent:-9999px 使其文字隐藏。
编辑于 2021-10-19 18:31:59 回复(0)
<p>display: none;文档流直接消失,元素不再占据空间</p><p>opacity:0;透明度设置为0,我们看不见,但是还是占据空间,没有脱离文档流</p><p>visibility:hidden;我们看不见,但是还是占据空间,没有脱离文档流</p>
发表于 2020-11-27 08:41:33 回复(0)

<p>display:none。会改变页面布局,相当于在页面上消失了</p><p>opacity=0。不会改变页面布局,也可以触发其绑定的事件</p><p>visibility=hidden,不会改变页面布局,而且点到其区域不可以触发其绑定的事件</p>

编辑于 2020-06-01 20:19:38 回复(0)