html讓元素隱藏的方法：1、透過「display:none;」隱藏；2、透過「overflow:hidden;」隱藏；3、設定元素的寬高等盒子模型的屬性值為0； 4、利用定位隱藏；5、設定元素透明度為0；6、透過visibility隱藏。
本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。
HTML元素的隱藏方式
1.display:none;
特點: 真正的隱藏元素。
(1) 將元素的display屬性設為none能夠確保元素不可見;
(2) 使用此屬性,被隱藏元素不佔用任何空間;
############ (3) 使用display:none隱藏元素,不能直接跟用戶進行交互操作###### (另外,使用讀屏軟體也不能讀取到元素的內容，這種隱藏方式就像元素完全不存在一樣)###### (4) 任何這個隱藏元素的後代元素也會被隱藏;###### (5) 但是，可以透過JS中的DOM作業存取到這個被隱藏的元素，也可以透過DOM對它進行操作。 ######2.overflow: hidden;###### 原理: 將元素位置設定到父元素的外部。 ######3.設定元素的寬高等盒子模型的屬性值為0。 ######4.利用定位隱藏元素。 ###### 優點：只要透過將元素的left和top設定足夠大的複數(這個元素可以跟使用者互動);###### 缺點：仍然可以使用讀取螢幕軟體讀取元素的內容。 ######5.opacity:設定元素透明度為0。 ###### 特點: 將元素的透明度設為0，只是從視覺隱藏元素，元素本身的位置仍然存在，也可以跟使用者互動。 ######6.visibility: 設定元素是否可見。 ###### 預設為：visible(可見);###### 隱藏(看不見)：hidden。 ###### 特點: 隱藏元素，但是會保留元素的位置。 ######更多詳細的HTML/CSS知識，請造訪###CSS影片教學###專欄！ ###以上是html怎麼讓元素隱藏的詳細內容。更多資訊請關注PHP中文網其他相關文章！
