Heim  >  Artikel  >  Web-Frontend  >  So verbergen Sie Elemente in HTML

So verbergen Sie Elemente in HTML

藏色散人
藏色散人Original
2021-04-29 14:57:5810422Durchsuche

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;

So verbergen Sie Elemente in HTML

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:So führen Sie CSS in JSP einNächster Artikel:So führen Sie CSS in JSP ein