I have this website (press the purple link) - a lightbox opens and within the website a page opens (divdided in two columns), Now I want this lighbox to be 80 percent transparent - without the text or the image being transparent.
The best scenario would be that the lightbox fades out on the ride side, whereas the image continues with full opacity. I therefore made a background image and tried to apply it to several section of the lighbox:
It seems to work (when the image loads on a slow computer, you can see that the background image was applied (the bottom needed an extra image),
but the problem is that
the body of the lightbox (including the text and the image) stays white (another layer),
while the bottom and top part show the image in the background.
I can´t make the center layer transparent, I tried everything, from
background-color:transparent or background-color:rgba(255,255,255,0.7); to in all possible div - sections.
I know the background image I want lies underneath that layer - so how can I make this other layer transparent while keeping the text and the images non-transparent?