Lightbox Plus Colorbox
Transparent Background Image for Lighbox, Problems (2 posts)

  1. Mich_P
    Posted 1 year ago #

    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?


  2. Mich_P
    Posted 1 year ago #

    Please any hints?

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Lightbox Plus Colorbox
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic