Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So verbergen Sie CSS-Elemente

coldplay.xixi
Freigeben: 2023-01-05 16:09:20
Original
4478 Leute haben es durchsucht

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.

So verbergen Sie CSS-Elemente

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.

CSS-Code:

.hide {
  opacity: 0;
}
Nach dem Login kopieren

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;
}
Nach dem Login kopieren

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;
}
Nach dem Login kopieren

Verwandte Tutorial-Empfehlungen:

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!