直接寫結論
作用:都能讓頁面元素消失不可見
| 類型 | display:none; | visible:hidden; | opacity:0; |
|---|---|---|---|
| 占位 | 內(nèi)容單元格 第一列第一格 | 內(nèi)容單元格第二列第一格 | 123 |
| 回流/重繪 | 回流重繪 | 重繪 | 重繪 |
| 子節(jié)點繼承/修改 | 不繼承不可修改 | 繼承可修改 | 繼承不可修改 |
| 事件 | 不觸發(fā) | 不觸發(fā) | 觸發(fā) |
| transition | 無效 | 無效 | 有效 |
具體代碼以后再補充,可以自己先嘗試測試一下。
直接寫結論
作用:都能讓頁面元素消失不可見
| 類型 | display:none; | visible:hidden; | opacity:0; |
|---|---|---|---|
| 占位 | 內(nèi)容單元格 第一列第一格 | 內(nèi)容單元格第二列第一格 | 123 |
| 回流/重繪 | 回流重繪 | 重繪 | 重繪 |
| 子節(jié)點繼承/修改 | 不繼承不可修改 | 繼承可修改 | 繼承不可修改 |
| 事件 | 不觸發(fā) | 不觸發(fā) | 觸發(fā) |
| transition | 無效 | 無效 | 有效 |
具體代碼以后再補充,可以自己先嘗試測試一下。