visibility:hidden;取消隐藏
时间: 2023-04-23 10:02:04 浏览: 204
要取消visibility:hidden的隐藏效果,可以将CSS样式中的visibility属性设置为visible,即可让元素重新显示出来。例如:
```
visibility: visible;
```
相关问题
visibility:hidden
visibility:hidden是CSS中的一个属性,用于隐藏元素但仍占据页面空间。与display:none不同,visibility:hidden隐藏元素但不会改变文档的布局。如果将visibility:hidden应用于父元素,则子元素也会继承该属性。如果要使子元素可见,则需要将子元素的visibility属性设置为visible。
以下是一个示例,演示如何使用visibility:hidden隐藏元素:
```html
<style>
.hidden {
visibility: hidden;
}
</style>
<div class="hidden">
这个元素被隐藏了,但仍占据页面空间。
</div>
```
display:none 和 visibility:hidden
display:none和visibility:hidden的区别在于:
display:none会将元素完全隐藏,不占据任何空间,即使在HTML代码中也不会显示出来;而visibility:hidden则是将元素隐藏,但仍然占据空间,即在HTML代码中仍然存在,只是不可见。
举个例子,如果一个div元素设置了display:none,那么它的宽度和高度都为,而如果设置了visibility:hidden,那么它的宽度和高度仍然存在,只是不可见。
因此,如果需要完全隐藏一个元素并且不占据空间,可以使用display:none;如果需要隐藏一个元素但仍然占据空间,可以使用visibility:hidden。