1. 程式人生 > >display:none;visibility:hidden;和opacity:0;的區別

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

display:none;

visibility:hidden;

opacity:0;

它們都可以讓元素隱藏掉,但是它們之間還是有區別的

display:none;隱藏後不佔空間

而另外兩個雖然隱藏了元素,但是還是佔據著空間

而transition對於display:none;和visibility:hidden;是無效的

但是對於opacity:0;是有效的