隱藏乙個元素的幾種方法

2022-07-29 21:33:13 字數 767 閱讀 3129

1.將元素的display屬性設為none

看不見我

2.元素的祖先元素是隱藏的,該元素是不顯示的

看不見我

3.標籤元素的type屬性設為hidden

4.將元素的width和heigth都設為0

看不見我

5.將visibility設為hidden(visibility屬性指定乙個元素是否是可見的)

看不見我

6.將opacity設為0 (opacity屬性設定乙個元素了透明度級別,從0.0(完全透明)到1.0(完全不透明)

看不見我

display:none、visibility:hidden 和 opacity:0 的區別

display:none 隱藏後不佔據額外空間,它會產生回流和重繪

visibility:hidden 和 opacity:0 元素雖然隱藏了,但它們仍然佔據著空間,它們只會引起頁面重繪

display:none 不會被子元素繼承,但是父元素都不在了,子元素自然也就不會顯示了

visibility:hidden 會被子元素繼承,可以通過設定子元素visibility:visible 使子元素顯示出來

opacity: 0 會被子元素繼承,但是不能通過設定子元素opacity: 0使其重新顯示

CSS隱藏元素的幾種方法

css隱藏元素的幾種方法 1.display none 2.visibility hidden 3.clip path polygon 0px 0px,0px 0px,0px 0px,0px 0px 4.opacity 0 5.position absolute top 9999px left 99...

css隱藏元素的幾種方法

在css中,要隱藏dom元素常見的幾種方法 1.opacity值為0 2.visibility值為hidden 3.display值為none 4.position值為absolute,並且將其移到不可見區域 5.在新的css中使用clip path來替代clip,不常用知道就行了 該屬性很少見,該...

CSS「隱藏」元素的幾種方法的對比

首先我們分別來說說到底有哪幾種隱藏元素的方法,有一些方法是眾所周知的,還有一些算是一種技巧。display none 設定元素的display為none是最常用的隱藏元素的方法。123 hide 將元素設定為display none後,元素在頁面上將徹底消失,元素本來占有的空間就會被其他元素占有,也...