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

时间：2015-05-01 14:35:34 收藏：0 阅读：244

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>

效果：

技术分享

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