Hintergrundbild anpassen, z.B. Bereiche ausgrauen

[Schulle]

Hallo zusammen,

ich habe eine Frage, die ich nicht mal im Betreff richtig definieren kann. Seid mir deshalb bitte nicht böse.

Zu meinem Problem:

Ich bearbeite derzeit meine erste Visu und habe ein paar Ideen, deren Umsetzung jedoch sehr umständlich erscheint.

Mein Hintergrundbild ist ein Foto und im Vordergrund ein paar Schalter und Texte.

Ich würde ganz gerne die Text- und Schalterbereiche mit einem halbtransparentem Hintergrund versehen, um die Bereiche hervorheben zu können.

Ich würde jetzt solange mit Bearbeitungsprogrammen herumspielen, bis der halbtransparente Bereich halbwegs passt. Ist das tatsächlich der einzige Weg oder kann ich auch eventuell mit Universalelementen arbeiten? Ich habe bereits Universalelemente probiert, jedoch sind die natürlich im Vordergrund und grauen alles dahinter aus.

Anbei ein Foto des Ist- Zustandes und eins vom Wunschzustand.

Bitte nicht über die Visu lachen, ist immerhin die erste

Viele Grüße

[Sascha aus H]

Moin Schulle,

du könntest natürlich auch mit einem Universalelement arbeiten und via css mit der Eigenschaft "opacity" die Transparenz einstellen. Dort kannst du dann solange mit dem Wert rumspielen, bis es für dich passt.

Gruß Sascha

[MrMirror]

Universalelemnt mit Halbtransparentem Hintergrund oder per Opacity transparent gemacht.

Z-Wert muss kleiner sein, als bei den Schaltelementen, und schon passt es.