leyo_wu的博客

原创 display,visibility,opacity之间的区别

区别： display:none;是将DOM元素设置为隐藏，该隐藏是不占位置的，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”。 visibility:hidden;也是将DOM元素设置为隐藏，但是该隐藏仅仅是看不见而已，还是占位置的，也即是说它仍具有高度、宽度等属性值。 opacity:0;是将透明度设置为0，仅仅是看不见而已，还是占位置的。审查元素的时候还是可以找的到的。