css隱藏div三種方法

2021-10-08 16:47:57 字數 466 閱讀 1309

1-display:none

設定為display:none;的元素將不會再占用頁面空間,其占用的空間會被其他元素所占有,從而會引起瀏覽器的重排和重匯。

2-visibility: hidden

雖然能夠隱藏元素,但是該元素仍會占用頁面空間,因此只會導致瀏覽器的重匯而不會引起重排。

3-opacity:0

設定元素透明度opacity屬性為0,也可以隱藏頁面元素,在呈現上與visibility:hidden;方式一樣,同樣會佔據頁面空間。

差異性

display:none;的元素會直接從頁面上消失,因此在該元素上繫結的事件不會生效。

visibility: hidden;的元素不會觸發繫結的事件。

opacity:0; 的元素仍然會觸發繫結的事件。

css隱藏的三種方法

1 使用display none來隱藏所有內容 display none可以讓網頁中所有內容不顯示,如 文字 鏈結 div層,是推薦的內容隱藏方式。style display none 我不占地兒,你看不見我 div 值 描述 none 此元素不會被顯示。block 此元素將顯示為塊級元素,此元素前...

隱藏鍵盤的三種方法

第一種通過設定uitextfileddelegate的方法 bool textfieldshouldreturn uitextfield textfield 取消鍵盤作為第一響應隱藏鍵盤 第二種通過設定view繼承自uicontrol ibaction backgroundtap id sender...

隱藏ASP後門的三種方法

1 建立非標準目錄 mkdir images.拷貝asp木馬至目錄 copy c inetpub wwwroot news.asp c inetpub wwwroot images.news.asp 通過web訪問asp木馬 如何刪除非標準目錄 rmdir images.s 2 windows中的i...