css 中的不透明度、可见性和显示有什么区别



我对CSS中使用的这三个术语感到困惑。CSS 中的不透明度、可见性和显示有什么区别?

显示

  • 屏幕阅读器无法阅读。如果您将display: none放在正文标签上,您的网页将永远不会在 Google 搜索结果中弹出,因为 Google 会将其视为空白页面。
  • 高度 = 0
  • 宽度 = 0
  • 可动画:否

可见性

  • 可由屏幕阅读器阅读。如果您将visibility: hidden放在正文标签上,您的页面将在 Google 搜索结果中弹出,但访问者只会看到一个空白页面
  • 高度 = 初始;
  • 宽度 = 初始;
  • 可动画:否

不透明度

  • 可由屏幕阅读器阅读。如果您将opacity: 0放在正文标签上,您的页面弹出窗口将在 Google 结果中显示,但访问者只会看到一个空白页面;
  • 高度 = 初始;
  • 宽度 = 初始;
  • 可动画:是

最新更新