码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-11-04 23:36:17      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:selected   idg   bae   put   contain   html   属性   nbsp   select   

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;}

  

技术分享技术分享

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

标签:selected   idg   bae   put   contain   html   属性   nbsp   select   

原文地址:http://www.cnblogs.com/qwe9527/p/6031638.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!