I have been struggling for hours with the following problem:
I working on a Drupal 7 site and want to show a background image on all pages.
This is the CSS-code I use to show the image. This works as expected:
background: #ffffff url('logo_achtergrond.jpg'
background-size: 120% auto;
background-position: -200px -0px;
My Drupal pages exist of three div wrappers
I use the following code to make the background image visible through the wrappers:
Here comes my problem. Every content I place on the pages inherits the opacity from the parents. So the the background image is visible through the text (not a real problem) but also through all pictures (mostly jpg files) on the page (a huge problem).
So I want to make the jpg files not to inherit the opacity.
Setting the opacity of the jpg to 0 makes it dissappear of course an setting it to 1 doesn't change anything. I experimented also with some z-index settings, but didn't help me any further.
How can I solve this