在CSS中不透明度，可见性和显示有什么不同？

Question

我对CSS中使用的这三个术语感到困惑。 CSS中的不透明度，可见性和显示有何不同？

Answer 1

<强>显示：

• 屏幕阅读器无法读取。如果您将display: none放在正文标记上，则您的网页将永远不会在Google结果中弹出，因为Google将其视为空白页。
• height = 0
• width = 0
• 动画：否

<强>可见性：

• 可以通过屏幕阅读器阅读。如果您将visibility: hidden放在正文标记上，您的网页会在Google结果中弹出，但访问者只会看到一个空白页
• height = initial;
• width = initial;
• 动画：否

<强>不透明度：

• 可以通过屏幕阅读器阅读。如果您将opacity: 0放在正文标记上，那么您的网页弹出式广告就会出现在Google搜索结果中，但访问者只会看到一个空白页面;
• height = initial;
• width = initial;
• 动画：是