Heim > Artikel > Web-Frontend > So verbergen Sie Elemente in HTML
So verbergen Sie Elemente in HTML: 1. Ausblenden durch „display:none;“; 2. Ausblenden durch „overflow:hidden;“ 3. Legen Sie die Attributwerte des Boxmodells fest, z. B. die Breite und Höhe des Elements auf 0; 4. Positionierung ausblenden; 5. Elementtransparenz auf 0 setzen;
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
So verstecken Sie HTML-Elemente
1.display:none;
Funktionen: Wirklich versteckte Elemente.
Anzeige: Keine. DOM-Operationen in JS, und es kann auch über DOM bearbeitet werden.
2.overflow: versteckt;
Prinzip: Legen Sie die Elementposition außerhalb des übergeordneten Elements fest.
3. Setzen Sie die Breite und Höhe der Boxmodellattribute des Elements auf 0.
4. Verwenden Sie die Positionierung, um Elemente auszublenden.
Vorteile: Solange der linke und obere Teil des Elements auf eine ausreichend große Pluralzahl eingestellt sind (dieses Element kann mit dem Benutzer interagieren);
Nachteil: Sie können weiterhin eine Bildschirmlesesoftware verwenden, um den Inhalt des Elements zu lesen .
5.Opazität: Setzen Sie die Elementtransparenz auf 0.
Funktionen: Setzen Sie die Transparenz des Elements auf 0, wodurch das Element nur unsichtbar bleibt. Die Position des Elements selbst bleibt bestehen und Sie können auch mit dem Benutzer interagieren.
6.Sichtbarkeit: Legen Sie fest, ob das Element sichtbar ist.
Die. Standardeinstellung ist: sichtbar (sichtbar);
.
Funktionen: Elemente ausblenden, aber ihre Position beibehalten.
Für detailliertere HTML/CSS-Kenntnisse besuchen Sie bitte die Rubrik „CSS-Video-Tutorial“!
Das obige ist der detaillierte Inhalt vonSo verbergen Sie Elemente in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!