①opacity
opacity是設定乙個元素的透明度，這一設定為0只能從視覺上隱藏元素，而元素本身依然佔據它自己的位置並對網頁的布局起作用，它也將響應使用者互動。
②visibility
該屬性值為hidden的時候，元素將會隱藏，也會佔據著自己的位置，並對網頁的布局起作用，與 opacity 唯一不同的是它不會響應任何使用者互動。此外，元素在讀屏軟體中也會被隱藏。如果乙個元素的 visibility 被設定為 hidden，但是想要顯示它的子元素，只要給想要顯示的子元素新增visibility：visible;就可以了
③dispaly
該屬性才是真正意義上的隱藏元素,當元素的display屬性為none時,該元素就會就會從視覺中消失,並且連盒模型也不生成.也不會在頁面佔據任何位置,不但如此,就連它的子元素也會一同從盒子模型中消失。給他和它的子元素新增的任何動畫效果互動效果都會不起作用。jq中的show(),hide(),toggle()方法就是通過改變display的值來實現變化效果的。
④position
該屬性的意義就是把元素脫離文件流移出視覺區域，新增該屬性後既不會影響布局，又能讓元素保持可以操作。應用該屬性後，主要就是通過控制方向（top,left,right,bottom），達到一定的值，離開當前可使頁面。
CSS隱藏元素
在製作網頁時，隱藏內容也是一種比較常用的手法，它的作用一般有 隱藏文字 隱藏鏈結 隱藏超出範圍的內容 隱藏彈出層 隱藏滾動條 清除錯位和浮動等等。使用css即可使以上提到的內容隱藏起來，幾種隱藏內容的方法 1 使用display none來隱藏所有內容 display none可以讓網頁中所有內容不...
css元素隱藏
這個方式會把空間都釋放了，在控制台也不顯示了，所以綁在元素上的事件也都沒有了。不能修改子孫節點的dispaly值顯示出來。2.opacity 0 這個方式只是把元素的透明度設定為0，也就是把它變得透明，它本身還是在的只是看不到了，所以空間就不會釋放，綁在上面的事件也都在，能正常使用。3.visili...
CSS隱藏元素
一說到隱藏元素，很多人會想到display none 其實除了它還有很多隱藏元素的方法，它們都有各自特點和屬性，今天就來介紹以下兩種 一 display 在將display之前我們來看看元素的分類 分類一 塊級元素 特點 獨佔一行，對寬高生效，如果不給寬度撐滿整行，如果不給高度隨著內容的增長而增長。...