32 lines
1.1 KiB
Markdown
32 lines
1.1 KiB
Markdown
---
|
||
title: Visibility Property
|
||
localeTitle: 可见性属性
|
||
---
|
||
## 可见性属性
|
||
|
||
Visibility属性可用于控制任何元素的可见性。默认值为`visibility: visible;`
|
||
|
||
#### 可能的值:
|
||
|
||
可见性属性可以有5个可能的值。
|
||
|
||
1. `visible` :它是显示元素的默认值。
|
||
2. `hidden` :此值隐藏元素但保留元素占用的布局或空间。
|
||
3. `collapse` :此值类似于hidden,但适用于表行或列。它隐藏行或列内容。
|
||
4. `initial` :这会将属性设置为其默认值(可见)。
|
||
5. `inherit` :这继承了其父元素的属性值。
|
||
|
||
#### 与其他财产的异同:
|
||
|
||
1. 不透明度: `visibility`属性和`opacity`属性之间的差异,不透明度可用于淡入淡出和元素。 `visibility: hidden;`和`opacity: 0;`对元素有类似的影响。
|
||
|
||
2. 显示:可见性之间的唯一区别:隐藏;并显示:无;就是这样,后者也删除了元素占用的布局或空间。
|
||
|
||
|
||
#### 浏览器兼容性
|
||
|
||
这是一个CSS2属性,与所有主流浏览器兼容。
|
||
|
||
#### 更多信息:
|
||
|
||
[CSS可见性 - w3school](https://www.w3schools.com/cssref/pr_class_visibility.asp) |