隐藏⼀个元素的⼏种⽅法
1.将元素的display属性设为none
<div >看不见我</div>
2.元素的祖先元素是隐藏的，该元素是不显⽰的
<div >
<div>看不见我</div>
</div>
3.<input>标签元素的type属性设为hidden
<input type="hidden" name="看不见我">
4.将元素的width和heigth都设为0
<div style=“width：0；heigth：0；background-color：red”>看不见我</div>
5.将visibility设为hidden（visibility属性指定⼀个元素是否是可见的）
<div >看不见我</div>
6.将opacity设为0 （opacity属性设置⼀个元素了透明度级别，从0.0（完全透明）到1.0（完全不透明）<div >看不见我</div>
html input type属性display:none、visibility:hidden 和 opacity:0 的区别
display:none 隐藏后不占据额外空间，它会产⽣回流和重绘
visibility:hidden 和 opacity:0 元素虽然隐藏了，但它们仍然占据着空间，它们只会引起页⾯重绘
display:none 不会被⼦元素继承，但是⽗元素都不在了，⼦元素⾃然也就不会显⽰了
visibility:hidden 会被⼦元素继承，可以通过设置⼦元素visibility:visible 使⼦元素显⽰出来opacity: 0 会被⼦元素继承，但是不能通过设置⼦元素opacity: 0使其重新显⽰

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。