CSS, um den Effekt versteckter Elemente zu erzielen

display: none

1. DOM-Struktur: Der Browser rendert keine display:none-Elemente und belegt keinen Seitenraum

2. Ereignisüberwachung: Ereignisse auf Elementen können nicht überwacht werden

3. Vererbung: Wird nicht von untergeordneten Elementen vererbt (Anzeige der untergeordneten Elemente: Block wird nicht angezeigt)

4 . Änderungen: Das Ändern der Attributwerte führt zu einer Neuanordnung und Neuzeichnung der Seite

5. Übergang: Übergangseffekt kann nicht festgelegt werden: Anzeige ist ungültig

(Empfohlenes Video-Tutorial: CSS-Video Tutorial)

Sichtbarkeit: ausgeblendet

Es wird nicht gerendert, aber es belegt den Seitenbereich

Ereignis Die Überwachung kann nicht für das Element festgelegt werden

3. Es kann vererbt werden und Unterelemente, die auf „Nicht sichtbar“ gesetzt sind, können angezeigt werden

4. Das Ändern von Attributen führt nur zu einer Neuanordnung der Seite

5. Übergang: Die Sichtbarkeit wird sofort angezeigt.

Deckkraft: 0

1 Der Seitenbereich

2. Das Abhören von Ereignissen kann eingestellt werden

Es kann vererbt werden und die Deckkrafteinstellung des Unterelements kann angezeigt werden

Es wird nicht neu gezeichnet oder neu angeordnet

5. Übergang: Durch Deckkraft kann der Übergangseffekt des Ein- und Ausblendens erzielt werden

Deckkraft löst Hardwarebeschleunigung aus

Empfohlenes Tutorial: CSS-Schnellstart

Das obige ist der detaillierte Inhalt vonCSS, um den Effekt versteckter Elemente zu erzielen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!