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

最新推荐文章于 2021-12-03 14:27:21 发布

applechow2014

最新推荐文章于 2021-12-03 14:27:21 发布

阅读量122

点赞数

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

版权

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>

效果：

转载于:https://www.cnblogs.com/pandoraCat/p/4470655.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

applechow2014

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
visibility, opacity,dispay 几个显示或者隐藏元素的区别

1. visibility: 规定元素是否可见　　可能的取值： inherit:规定元素从父级元素继承 visibility 属性的值　　　　　　 visibile：默认值，元素是可见的；　　　　　　　　hidden：元素是不可见的【即使元素的 visibility 值为 hidden，也会占据页面上的空间】<html><hea...
复制链接

扫一扫