千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

手機(jī)站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

千鋒教育

掃一掃進(jìn)入千鋒手機(jī)站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

當(dāng)前位置：首頁(yè)  >  技術(shù)干貨  > 分析比較 opacity: 0、visibility: hidden、display: none 優(yōu)劣和適用場(chǎng)景。

分析比較 opacity: 0、visibility: hidden、display: none 優(yōu)劣和適用場(chǎng)景。

來(lái)源：千鋒教育
發(fā)布人：syq
時(shí)間： 2022-09-06 18:39:20 1662460760

　　1、結(jié)構(gòu)： display:none: 會(huì)讓元素完全從渲染樹(shù)中消失，渲染的時(shí)候不占據(jù)任何空間, 不能點(diǎn)擊， visibility: hidden:不會(huì)讓元素從渲染樹(shù)消失，渲染元素繼續(xù)占據(jù)空間，只是內(nèi)容不可見(jiàn)，不能點(diǎn)擊 opacity: 0: 不會(huì)讓元素從渲染樹(shù)消失，渲染元素繼續(xù)占據(jù)空間，只是內(nèi)容不可見(jiàn)，可以點(diǎn)擊。

opacity: 0、visibility:

　　2、繼承： display: none和opacity: 0：是非繼承屬性，子孫節(jié)點(diǎn)消失由于元素從渲染樹(shù)消失造成，通過(guò)修改子孫節(jié)點(diǎn)屬性無(wú)法顯示。 visibility: hidden：是繼承屬性，子孫節(jié)點(diǎn)消失由于繼承了hidden，通過(guò)設(shè)置visibility: visible;可以讓子孫節(jié)點(diǎn)顯式。

　　3、性能： displaynone : 修改元素會(huì)造成文檔回流,讀屏器不會(huì)讀取display: none元素內(nèi)容，性能消耗較大 visibility:hidden: 修改元素只會(huì)造成本元素的重繪,性能消耗較少讀屏器讀取visibility: hidden元素內(nèi)容 opacity: 0 ： 修改元素會(huì)造成重繪，性能消耗較少。

　　更多關(guān)于“網(wǎng)絡(luò)安全培訓(xùn)”的問(wèn)題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué)，課程大綱緊跟企業(yè)需求，更科學(xué)更嚴(yán)謹(jǐn)，每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升，都可以找到適合的班型，千鋒教育隨時(shí)歡迎你來(lái)試聽(tīng)。

tags:
聲明：本站稿件版權(quán)均屬千鋒教育所有，未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強(qiáng)師集結(jié)，手把手帶你蛻變精英
請(qǐng)您保持通訊暢通，專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
免費(fèi)領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取

上一篇

Zookeeper的介紹與作用

下一篇

前端頁(yè)面有哪三層構(gòu)成，分別是什么
相關(guān)推薦HOT
軟件定制開(kāi)發(fā)中的敏捷開(kāi)發(fā)是什么?

軟件定制開(kāi)發(fā)中的敏捷開(kāi)發(fā)是什么軟件定制開(kāi)發(fā)中的敏捷開(kāi)發(fā)，從宏觀上看，是一個(gè)高度關(guān)注人員交互，持續(xù)開(kāi)發(fā)與交付，接受需求變更并適應(yīng)環(huán)境變化...詳情>>

2023-10-14 13:24:57
什么是PlatformIo?

PlatformIO是什么PlatformIO是一個(gè)全面的物聯(lián)網(wǎng)開(kāi)發(fā)平臺(tái)，它為眾多硬件平臺(tái)和開(kāi)發(fā)環(huán)境提供了統(tǒng)一的工作流程，有效簡(jiǎn)化了開(kāi)發(fā)過(guò)程，并能兼容各種...詳情>>

2023-10-14 12:55:06
云快照與自動(dòng)備份有什么區(qū)別?

1、定義和目標(biāo)不同云快照的主要目標(biāo)是提供一種快速恢復(fù)數(shù)據(jù)的方法，它只記錄在快照時(shí)間點(diǎn)后的數(shù)據(jù)變化，而不是所有的數(shù)據(jù)。自動(dòng)備份的主要目標(biāo)...詳情>>

2023-10-14 12:48:59
服務(wù)器為什么要用Linux?

服務(wù)器為什么要用Linux作為服務(wù)器操作系統(tǒng)的優(yōu)選，Linux在眾多選擇中脫穎而出。Linux作為服務(wù)器操作系統(tǒng)的優(yōu)選，有其獨(dú)特的優(yōu)勢(shì)和特點(diǎn)。包括其...詳情>>

2023-10-14 12:34:11
ORM解決的主要問(wèn)題是什么?

ORM（對(duì)象關(guān)系映射）解決的主要問(wèn)題是將關(guān)系數(shù)據(jù)庫(kù)與面向?qū)ο缶幊讨g的映射困境。在傳統(tǒng)的關(guān)系數(shù)據(jù)庫(kù)中，數(shù)據(jù)以表格的形式存儲(chǔ)，而在面向?qū)ο?..詳情>>

2023-10-14 12:26:19
快速通道