Seite 1 von 1
Transparenz mit CSS
Verfasst: 18.12.2013 11:19
von Coyote41
Hallo!
Ich wollte gern, dass der Forenhintergrund eine leichte Transparenz, so das der eigentliche Hintergrund durchscheint und hab mal ein wenig herum experimentiert.
Hab in der Colores.css foldenden Eintrag gemacht:
Code: Alles auswählen
.forabg {
background-color: #ddae58;
background-image: url("{T_THEME_PATH}/images/bg_list.gif");
filter: alpha(opacity=75);-moz-opacity: 0.4; opacity: 0.4;
border:2px solid #955e07
}
Das Problem ist nur, es wird nicht nur das Bild bg_list.gif und die dazugehörig Background Color transparenz, sondern gleich das gesamte Forum. Wo liegt da der Fehler? Der Eintrag dürfte sich doch nur auf forabg beziehen.
Re: Transparenz mit CSS
Verfasst: 18.12.2013 13:23
von Coyote41
OK, habs selber raus bekommen. Für alle die mal das selbe Problem haben:
So sieht der neue Code aus:
Code: Alles auswählen
.forabg {
background-color: rgba(241,220,181,0.4);
background-image: url("{T_THEME_PATH}/images/bg_list.gif");
border:2px solid #955e07
}
RGB stehen für die Farben Rot, Gelb, Blau, daraus wird die Hintergrundfarbe zusammen gemischt. 0.4 steht für die Transparenz der 3 Farben. 0.4 bedeutet 40% Deckkraft was wiederrum bedeutet 60% transparenz. Damit wäre die sache mit der Hintergrundfarbe geklärt. Die Grafik müsst ihr mit einem Grafikprogramm bearbeiten, ich nutz datz Photoshop. Dort eine passende Datei erstellen und die Fläche mit dem selben RGB Farbton füllen, die Deckkraft die mit im Reiter Ebenen ist auf 40% stellen. Danach auf Ebenen gehen und einen Alpha-Kanal hinzufügen, der komplett weiß ist. Speichern unter GIF, Web- Farben und bei der Frage nach Transparenz ein Häckchen für Ja setzen. Datei ab auf den Server, Chach leeren - Fertig!
Re: Transparenz mit CSS
Verfasst: 19.12.2013 08:27
von Pfiffy
Coyote41 hat geschrieben:RGB stehen für die Farben Rot, Gelb, Blau, daraus wird die Hintergrundfarbe zusammen gemischt.
Falsch!
RGB steht für Rot, Grün, Blau = die drei Grundfarben unseres Lichts.
Grücce
Pfiffy
Re: Transparenz mit CSS
Verfasst: 19.12.2013 12:12
von Coyote41
Sorry stimmt, Rot-Grün-Blau ist natürlich richtig.