关于html与css中隐藏一个元素的几种方法


1,将元素的display属性设为none

<div style="display:none">看不见我</div>

2,<input>标签元素的type属性设为hidden

<input type="hidden" name="看不见我">

3,将元素的width和heigth都设为0

<div style=“width:0;heigth:0;background-color:red”>标签被隐藏但能看见我</div>

4,元素的祖先元素是隐藏的,该元素是不显示的

<div style="display: none;">
	<div>看不见我</div>
	<div>看不见我</div>
  </div>

5,将visibility设为hidden(  visibility属性指定一个元素是否是可见的,即使不可见的元素也会占据页面上的空间)

h1 {visibility:hidden}

6,将opacity设为0 ( Opacity属性设置一个元素了透明度级别,从0.0(完全透明)到1.0(完全不透明))

div{opacity:0;}

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM