Lightbox2 is working just fine in Firefox, but in IE the opacity doesn't work at all and the area around lightbox2 is rendered black.

I have changed between different opacity settings and they are visible noticeable in Firefox, but remain black in IE.

Comments

tsvenson’s picture

tsvenson commented
Title: Opacity doesn't work in IE7 » Opacity doesn't work in IE7/IE8

I have the same problem. It works beautifully in FF, but in IE7/8 it is just black...

betoaveiga’s picture

betoaveiga
Primary language Spanish
Location Daule, Guayas
commented

Yes, it's happening the same to me when showing photos. However, using lightvideo it doesn't happen.

betoaveiga’s picture

betoaveiga
Primary language Spanish
Location Daule, Guayas
commented

The official Website has the same problem... :(

Can we made a fix with JQuery or CSS?

http://www.stellapower.net/lightbox2

jonriet’s picture

jonriet commented

Any updates on this? I've run into something similar today. On one of my pages, only with IE8 on Vista, the background goes to all black. Other pc's with XP and IE8 are fine, FF and chrome are fine. Other pages on my site with the same blocks in the sidebar containing lightvideo and lightshow elements are fine with this browser. There's nothing I see that's unusual with the content on the page.

With IE8 on Vista I get the same result, all black background, with the examples on http://www.stellapower.net/lightbox2 .

lancast’s picture

lancast commented

You seem to have fixed this IE 8 opacity issue - how did you do it??

tomboeckx’s picture

tomboeckx commented

I'm also encountering this error on W7/IE8.
I suspect the error is the same IE8 bug as I encountered with some JQuery code.
It appears if there is no innitial oppacity set, IE messes up the transparency.

In my jquery sample i just fixed this by setting a start value, but i'm not sure how i would go about this with the lightbox module
maybe the devs know how too ?

rjacobs’s picture

rjacobs commented
Title: Opacity doesn't work in IE7/IE8 » Opacity doesn't work in IE6/IE7/IE8 (black background shown instead)
Version: 6.x-1.9 » 6.x-1.x-dev

A couple of things:

First, I just marked #1045028: Background goes straight to black in IE (Tested in IE7 and IE8) as a duplicate of this. From that thread it appears that this issue persists through 6.x-1.11 (and presumably dev).

I'm also noticing this, but only on certain pages. The only consistently distinguishing factor that I can see (between the pages where the background transparency works and where it does not) is the height of the page. Very tall/long pages seem more likely to show this error. Still, this is really just anecdotal, but I figure it's worth noting.

rjacobs’s picture

rjacobs commented

Humm, after a bit more searching it's looking like this may be related to an issue with IE (specifically IE8, at least) where opacity filters start to fail for very large containers. The following link has some more info along with a bunch of other related links:

http://www.lokeshdhakar.com/forums/discussion/5633/black-background-in-i...

So it may be that the issue is not actually a bug in the lightbox javascript (let alone this module), though it would be nice if others can confirm that. Also, if this turns out to be the case, it might be worth placing a note on the "known issues" page for this module.