論元素的隱藏

2021-08-17 01:59:59 字數 321 閱讀 1129

1、display:none,確保元素不可見,連盒模型都不生成,真正意義上的隱藏,被隱藏的元素也不佔據文件的任何空間,所以繫結在元素上的dom事件也不會被觸發,同時,連這個元素的子孫元素也不可見。

2、visibility:hidden,被隱藏的元素依然佔據文件的空間,對布局產生影響,想要顯示某個子孫元素,只需將這個子孫元素的visibility設定為visible即可,但是繫結在visibility:hidden上的dom事件不會被觸發。

3、opacity:0,元素的透明度,從視覺上隱藏,元素本身依然會影響布局,佔據文件流,同事對繫結在dom上的事件也會按需觸發。

歡迎補充~

隱藏元素的方法

a.visibility hidden 這個屬性只是簡單的隱藏某個元素,但是元素占用的空間任然存在 b.opacity 0 乙個css3屬性,設定0可以使乙個元素完全透明,製作出和visibility一樣的效果。與visibility相比,它可以被transition和animate c.posit...

隱藏元素的方法

visibility hidden 這個屬性只是簡單的隱藏某個元素,但是元素占用的空間任然存在 opacity 0 乙個css3屬性,設定0可以使乙個元素完全透明,製作出和 visibility一樣的效果。與visibility相比,它可以被transition和animate position a...

關於元素的隱藏

又是好久沒寫部落格了。每每想寫篇部落格,卻發現比我寫得好的多不勝數。當然,寫部落格的初心不會為了攀比和炫耀,但看到別人寫得如此甚好,我只能自慚形穢了。於是選擇了摘抄在自己的筆記裡 onenote中 在此也向那些寫部落格的人表達敬意。因為你們,我收穫了很多。因為你們,很多次遇到難題,我迎面而解。也感激...