首頁  >  文章  >  web前端  >  html如何隱藏元素

html如何隱藏元素

coldplay.xixi
coldplay.xixi原創
2021-04-26 14:54:434955瀏覽

html隱藏元素的方法:1、利用定位隱藏元素;2、opacity設定元素透明度為0;3、visibility設定元素是否可見。

html如何隱藏元素

本教學操作環境:windows7系統、html5版,DELL G3電腦。

html隱藏元素的方法:

1、利用定位隱藏元素。

    優點:只要透過將元素的left和top設定足夠大的複數(這個元素可以跟使用者互動);

    缺點:仍然可以使用讀取螢幕軟體讀取元素的內容。

2、opacity:設定元素透明度為0。

    特點: 將元素的透明度設為0,只是從視覺隱藏元素,元素本身的位置仍然存在,也可以跟使用者互動。

3、visibility: 設定元素是否可見。

        預設為:visible(可見);

        隱藏(看不見):hidden。

    特點: 隱藏元素,但是會保留元素的位置。

相關學習推薦:html影片教學

以上是html如何隱藏元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn