我对CSS中使用的这三个术语感到困惑。CSS 中的不透明度、可见性和显示有什么区别?
显示:
- 屏幕阅读器无法阅读。如果您将
display: none
放在正文标签上,您的网页将永远不会在 Google 搜索结果中弹出,因为 Google 会将其视为空白页面。 - 高度 = 0
- 宽度 = 0
- 可动画:否
可见性:
- 可由屏幕阅读器阅读。如果您将
visibility: hidden
放在正文标签上,您的页面将在 Google 搜索结果中弹出,但访问者只会看到一个空白页面 - 高度 = 初始;
- 宽度 = 初始;
- 可动画:否
不透明度:
- 可由屏幕阅读器阅读。如果您将
opacity: 0
放在正文标签上,您的页面弹出窗口将在 Google 结果中显示,但访问者只会看到一个空白页面; - 高度 = 初始;
- 宽度 = 初始;
- 可动画:是