css隱藏元素的幾種方法與區(qū)別

一：display：none;隱藏不占位 display?除了不能加入 CSS3 動(dòng)畫豪華大餐之外，基本效果卓越，沒什么讓人詬病的地方。二：position：absolut;left/top:-99999px;足夠大的負(fù)值使其不可見三：visibility：hidden；隱藏占位，不會(huì)響應(yīng)點(diǎn)擊事件。四：opacity：0；嚴(yán)格來說這個(gè)并不是隱藏，透明之后它還占據(jù)著頁(yè)面位置，所以在重排的時(shí)候還是會(huì)被計(jì)算消耗性能。 五：width/height為0 而且可以在二級(jí)下拉菜單中設(shè)置其慢慢打開的效果。相對(duì)于?display?來說適用范圍太窄，但是好處是能使用 CSS3 動(dòng)畫。 六：拿一個(gè)白色div蓋住它，或者和背景顏色相同。可以出現(xiàn)回字顯現(xiàn)效果；

三四可以隱藏單選按鈕，并且不影響功能使用。

不用js,用單選按鈕判斷當(dāng)前是否被選中。

轉(zhuǎn)載于:https://www.cnblogs.com/zhrn/p/4500171.html

總結(jié)

以上是生活随笔為你收集整理的css隐藏元素的几种方法与区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。