码迷,mamicode.com
首页 > 其他好文 > 详细

visibility, opacity,dispay 几个显示或者隐藏元素的区别

时间:2015-05-01 14:38:36      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:

1. visibility: 规定元素是否可见

  可能的取值: inherit:规定元素从父级元素继承 visibility 属性的值

             visibile:默认值,元素是可见的;

          hidden: 元素是不可见的【即使元素的 visibility 值为 hidden,也会占据页面上的空间】

<html>
<head>
<style type="text/css">
h1.visible {visibility:hidden}
h1.invisible {visibility:visible}
</style>
</head>

<body>
<h1 class="invisible">这是不可见的标题</h1>
<h1 class="visible">这是可见的标题</h1>
</body>
</html>


效果:

技术分享

 

visibility, opacity,dispay 几个显示或者隐藏元素的区别

标签:

原文地址:http://www.cnblogs.com/pandoraCat/p/4470655.html

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