①opacity
opacity是設置一個元素的透明度，這一設置爲0只能從視覺上隱藏元素，而元素本身依然佔據它自己的位置並對網頁的佈局起作用，它也將響應用戶交互。
②visibility
該屬性值爲hidden的時候，元素將會隱藏，也會佔據着自己的位置，並對網頁的佈局起作用，與 opacity 唯一不同的是它不會響應任何用戶交互。此外，元素在讀屏軟件中也會被隱藏。如果一個元素的 visibility 被設置爲 hidden，但是想要顯示它的子元素，只要給想要顯示的子元素添加visibility：visible;就可以了
③dispaly
該屬性纔是真正意義上的隱藏元素,當元素的display屬性爲none時,該元素就會就會從視覺中消失,並且連盒模型也不生成.也不會在頁面佔據任何位置,不但如此,就連它的子元素也會一同從盒子模型中消失。給他和它的子元素添加的任何動畫效果交互效果都會不起作用。jq中的show(),hide(),toggle()方法就是通過改變display的值來實現變化效果的。
④Position
該屬性的意義就是把元素脫離文檔流移出視覺區域，添加該屬性後既不會影響佈局，又能讓元素保持可以操作。應用該屬性後，主要就是通過控制方向（top,left,right,bottom），達到一定的值，離開當前可使頁面。
原文鏈接：https://blog.csdn.net/weixin_41910848/article/details/81875725