Wenn du in HTML einen Transparenten Hintergrund haben möchtest dann musst du das mit CSS löschen. Dafür gibt es aber eine schöne Lösung. Der Befehl in CSS dafür heißt nämnlich opacity.
background-color
:background-color
auf den Wert transparent
zu setzen. So wird der Hintergrund des Elements vollständig durchsichtig..element {
background-color: transparent;
}
opacity
:opacity
kannst du die Deckkraft des Hintergrunds steuern. Ein Wert von 0
bedeutet vollständige Transparenz, während ein Wert von 1
vollständige Deckkraft bedeutet..element {
opacity: 0.5; /* 50% Transparenz */
}
.element {
background-image: url('transparentes-bild.png');
}
rgba()
-Farbwertrgba()
-Funktion ermöglicht es dir, Farben mit einem Alphakanal zu definieren, der die Transparenz steuert..element {
background-color: rgba(0, 0, 0, 0.5); /* 50% Transparenz für Schwarz */
}
hsla()
-Farbwertrgba()
kannst du mit hsla()
Farben mit einem Alphakanal definieren, allerdings im HSL-Farbraum..element {
background-color: hsla(200, 100%, 50%, 0.5); /* 50% Transparenz für Hellblau */
}
Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite