不透明度，可見性和顯示在CSS中有什麼不同？

Question

我很困惑這三個在CSS中使用的術語。 CSS中的不透明度，可見性和顯示有什麼不同？

Answer 1

顯示：

• 無法通過屏幕閱讀器讀取。如果您將display: none放在您的身體標記上，那麼您的網頁絕不會在Google結果中彈出，因爲Google會將其視爲空白頁。
• 高度= 0
• 寬度= 0
• 動畫：無

能見度：

• 可以通過屏幕閱讀讀取。如果您將visibility: hidden放在您的身體標記上，您的網頁將在Google搜索結果中彈出，但訪問者只會看到空白頁面
• height = initial;
• width = initial;
• 動畫：沒有

透明度：

• 可以通過屏幕閱讀器讀取。如果您將opacity: 0放在身體標記上，則您的網頁彈出窗口將顯示在Google結果中，但訪問者只會看到一個空白頁面;
• height = initial;
• width = initial;
• 動畫：是