Heim > Web-Frontend > CSS-Tutorial > So machen Sie die Navigationsleiste mit CSS transparent

So machen Sie die Navigationsleiste mit CSS transparent

WBOY
Freigeben: 2021-11-11 11:26:59
Original
7615 Leute haben es durchsucht

In CSS können Sie die Navigationsleiste über das Opazitätsattribut transparent machen. Sie müssen dem Navigationsleistenelement nur den Transparenzwert hinzufügen. Je kleiner der Wert ist , desto transparenter wird es sein.

So machen Sie die Navigationsleiste mit CSS transparent

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

So machen Sie die Navigationsleiste in CSS transparent:

Fügen Sie einen opacity-Parameter in CSS hinzu, um die Deckkraft festzulegen, css opacity:x, der Wert von x liegt zwischen 0 und 1.

Wenn die Deckkraft 0,8 beträgt und die Deckkraft 0,5 beträgt, bedeutet dies durchscheinend. Je kleiner die Zahl, desto höher die Transparenz.

Beziehen Sie sich auf den Code unten

So machen Sie die Navigationsleiste mit CSS transparent

Dies ist eine Navigationsleiste mit normaler Transparenz

So machen Sie die Navigationsleiste mit CSS transparent

Nach dem Hinzufügen des Deckkraftattributs:

So machen Sie die Navigationsleiste mit CSS transparent

Ausgabeergebnis:

So machen Sie die Navigationsleiste mit CSS transparent

Für weitere Programmierkenntnisse Bitte besuchen Sie: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonSo machen Sie die Navigationsleiste mit CSS transparent. 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