3.22 關於 visibility、pointer-events

一個元素是否可見，常用的有以下兩種設定：

• visible：這是預設值。

• hidden：隱藏，但會佔位。

visibility: visible; /* 這是預設值，可設定的還有 hidden */

visibility: hidden 與 display: none 的差別

差別在於是否佔位。

範例：

visibility: hidden 與 opacity: 0 的差別

直接測以下的 codepen。

然後藉由這個例子，也認識 pointer-events，可設定的有 auto(預設) 及 none。

例：