html?
1,html讓元素隱藏主要通過(guò)下面的方法來(lái)實(shí)現(xiàn);
2,方法一:display:none;
特點(diǎn): 真正的隱藏元素。
(1) 將元素的display屬性設(shè)置為none能夠確保元素不可見(jiàn);
(2) 使用這個(gè)屬性,被隱藏元素不占用任何空間;
(3) 使用display:none隱藏元素,不能直接跟用戶進(jìn)行交互操作
(4) 任何這個(gè)隱藏元素的后代元素也會(huì)被隱藏;
(5) 但是,可以通過(guò)JS中的DOM操作訪問(wèn)到這個(gè)被隱藏的元素,也可以通過(guò)DOM對(duì)它進(jìn)行操作。
方法二:overflow: hidden;
原理: 將元素位置設(shè)置到父元素的外面。
方法三:設(shè)置元素的寬高等盒子模型的屬性值為0。
方法四:利用定位隱藏元素。
優(yōu)點(diǎn):只要通過(guò)將元素的left和top設(shè)置足夠大的復(fù)數(shù) (這個(gè)元素可以跟用戶進(jìn)行交互);
缺點(diǎn):仍然可以使用讀屏軟件讀取元素的內(nèi)容。
方法五:.opacity:設(shè)置元素透明度為0。
特點(diǎn): 將元素的透明度設(shè)置為0,只是從視覺(jué)隱藏元素,元素本身的位置仍然存在,也可以跟用戶進(jìn)行交互。
方法六:visibility: 設(shè)置元素是否可見(jiàn)。
默認(rèn)為:visible(可見(jiàn));
隱藏(不可見(jiàn)):hidden。