html怎麼讓元素隱藏

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中文網其他相關文章！