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

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>


效果：

 

posted @ 2015-05-01 13:51  喵酱-南京  阅读(323)  评论(0)  编辑  收藏  举报