在寫頁面的時候，經常會讓乙個元素進行隱藏。下面是自己總結的一些方法。如果大家有新的想法，請不吝賜教，謝謝！
先給出一段**：
<style
type
="text/css"
>
ul,body
ulli
style
>
head
>
<
body
>
<
ul>
<
li>首頁
li>
<
li>導航
li>
<
li>新聞
li>
<
li>關於
li>
ul>
body
>
我們來實現隱藏首頁這個元素。
方法一：display:none;
li:first-child效果如下：
方法二：利用opacity屬性
li:first-child方法三：利用visiblity
li:first-child與display的區別在是否還占有空間
常用的方法就是以上幾種，但是還利用定位讓元素不可見，或者讓這個元素在乙個隱藏的元素之中。
隱藏乙個元素的幾種方法
1.將元素的display屬性設為none 看不見我 2.元素的祖先元素是隱藏的，該元素是不顯示的 看不見我 3.標籤元素的type屬性設為hidden 4.將元素的width和heigth都設為0 看不見我 5.將visibility設為hidden visibility屬性指定乙個元素是否是可見...
讓乙個元素消失的辦法
1 最常用之 display none 給元素設定display none 後，元素會從頁面中徹底消失，它原本佔據的空間會被其他元素占有，會造成瀏覽器的回流與重繪。2 最常用之 visibility hidden 給元素設定visibility hidden 後，元素會從頁面中消失，它原本佔據的空間...
隱藏元素的方法
a.visibility hidden 這個屬性只是簡單的隱藏某個元素，但是元素占用的空間任然存在 b.opacity 0 乙個css3屬性，設定0可以使乙個元素完全透明，製作出和visibility一樣的效果。與visibility相比，它可以被transition和animate c.posit...