So verbergen Sie CSS-Elemente

So verbergen Sie CSS-Elemente: 1. Das Opazitätsattribut bedeutet, die Transparenz eines Elements festzulegen. 2. Sichtbarkeit setzt seinen Wert auf versteckt, um unsere Elemente auszublenden. 3. Das Anzeigeattribut verbirgt das Element tatsächlich entsprechend der Bedeutung Wort.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

So verbergen Sie CSS-Elemente:

1. Das Attribut „Deckkraft“ bedeutet, die Transparenz eines Elements festzulegen. Es ist nicht dazu gedacht, den Begrenzungsrahmen eines Elements zu ändern. Das bedeutet, dass das Element nur optisch ausgeblendet wird, wenn die Deckkraft auf 0 gesetzt wird. Das Element selbst nimmt weiterhin seine eigene Position ein und trägt zum Layout der Webseite bei.

.hide {
  opacity: 0;
}

2, Sichtbarkeit

Wenn Sie den Wert auf „versteckt“ setzen, wird unser Element ausgeblendet. Ebenso wie das Opazitätsattribut haben ausgeblendete Elemente weiterhin Auswirkungen auf das Layout unserer Webseite.

.hide {
   visibility: hidden;
}

3. Anzeige

Das Anzeigeattribut verbirgt tatsächlich Elemente entsprechend der Bedeutung des Wortes. Wenn Sie die Anzeigeeigenschaft auf „Keine“ setzen, wird sichergestellt, dass das Element nicht sichtbar ist und nicht einmal das Boxmodell generiert wird. Mit diesem Attribut belegen ausgeblendete Elemente keinen Platz.

.hide {
   display: none;
}

CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verbergen Sie CSS-Elemente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!