Hintergrundbild fest pinnen

Guten Tag,

Mein Template ist Cassiopeia und ich verwende Joomla 4.1 mit PHP 8.1.

Mein ist Stand ist hier: "https://edermuender.de/feuerwehr"

Ich hab zwei Fragen:

1) ich möchte ein Template Hintergrundbild halbtransparent machen (siehe Anhang) und

2) das Hintergrundbild fest pinnen. Es soll sich also beim scrollen nicht bewegen so wie hier: "https://cassiopeia.joomla.com".

Hat hierzu jemand eine Anleitung wie das geht?

Mit freundlichem Gruß

Mark

Guten Tag,

Zitat von Indigo66

Das Hintergundbild kannst du nur über Umwege per CSS halbtransparent bekommen, bzw. so aussehen lassen. Über das Bild muss ein Overlay gelegt werden und die Deckkraft der Farbe geändert werden. Der schnellere und einfachere Methode ist da meist das Bildbearbeitungsprogramm.

Ich haben den Code "opacity: 0.5;" gefunden, aber der macht die gesamte Seite halb-transparent.

Gibt es sowas wie "background-opacity: 0.5;"?

Zitat von drmenzelit

Fest anpinnen geht mit

Code

background-attachment: fixed;

Das Fest anpinnen hat funktioniert, nachdem ich den Browser cache gelöscht hatte.

Danke für die Infos.

Mit freundlichem Gruß

Mark

Guten Tag,

ich habe jetzt das Bild über GIMP entsprechend verändert.

https://edermuender.de/feuerwehr

Danke für den Tip.

Zitat von drmenzelit

Fest anpinnen geht mit

Code

background-attachment: fixed;

Der Befehl scheint bei mobilen Geräten nicht zu funktionieren.

Auch bei https://cassiopeia.joomla.com ist das zu beobachten. Das ist vermutlich Geräte abhängig. Mein altes iPhone 6S (iOS 15.3.1) unterstütze vermutlich irgend etwas nicht. Richtig?

Mit freundlichem Gruß

Mark

Guten Tag,

danke für die Infos

Mit freundlichem Gruß

Mark