css隐藏元素的几种方法与区别
生活随笔
收集整理的這篇文章主要介紹了
css隐藏元素的几种方法与区别
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: bzoj 3668 数位DP
- 下一篇: css3 animation 动画属性简