Background image in Cassiopeia (opacity-issue!)

[w13ear33]

Hi,

I am working with the cassiopeia template and I like to achieve the following:
The whole website needs a background image with an opacity factor.

I have tried to place the background image in the body with an opacity factor but this makes all html elements inherit the same opacity.

When I add an opacity with value 1 and !important to underlying elements, this has no effect.
Both background image and text have the same opacity as the body.

Does anyone have any suggestions for this problem?

Kind regards,
Winfried

[Per Yngve Berg]

Link to the site?

[Pavel-ww]

When I add an opacity with value 1 and !important to underlying elements, this has no effect.
Both background image and text have the same opacity as the body.

Hi. Provide a link to your site. And explain in more detail what you want to achieve using opacity. Decisions can be different depending on the goal.

Spoiler: The opacity css property is not applicable separately to the background image. This is applied to the entire element and to all its child elements. There are workarounds or other properties