Thickbox 3.1 has addressed this issue and it is fixed in the code, HOWEVER, don’t forget to download the png image that is referenced within the thickbox stylesheet. Just get it from the thickbox site, and put it in the same directory as your thickbox stylesheet (or change it if you’d like).

Get the png here: http://jquery.com/demo/thickbox/thickbox-code/macFFBgHack.png

I’m using Firefox 3 on a mac and I’m having problems with the swf elements disappearing after the shadowbox is engaged. I’m not much of a programmer, but I can improvise with code relatively well.
I tried using the code provided by Jake (thanks!) but it had no effect on anything…
Are there any special instructions for ShadowBox? Maybe I was putting the code in the wrong place… would it go on the page’s CSS or in the ShadowBox CSS?

Any help would be really really appreciated!

Here’s the page in question:
http://www.suubiafrica.org

thanks

The block area needs to be rendered by the browser into an area that doesn’t have the transparency (opacity) in use, then you can move the block via positioning (position: absolute or relative) to where you want it on the page.

Hope this will help others.

William

This is what I am using for the first nested table’s cells:
#maintable td.nowindow {
background: #ffffff;
opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.80;-khtml-opacity: 0.80;
}
#maintable td.windowview {
background: #ffffff;
opacity:.01;filter: alpha(opacity=1); -moz-opacity: 0.01;-khtml-opacity: 0.01;
}
What can I use in the 2nd nested td’s cells to not allow the image to bleed through?

I created a js file called fix-ff2.js, which I loaded after all the other js files in the head of my index page.

the script contains this code:
//script to detect ff2 and fix rendering problem with swfs in lightbox

function detectMacXFF2() {
var userAgent = navigator.userAgent.toLowerCase();
if (/firefox[\/\s](\d+\.\d+)/.test(userAgent)) {
var ffversion = new Number(RegExp.$1);
if (ffversion < 3 && userAgent.indexOf(‘mac’) != -1) {
return true;
}
}
}

var yourShade = document.getElementById(‘mbOverlay’);
var d = detectMacXFF(); //note new detectMacXFF2 script above
if (d) {
//osx ff css opacity + flash wmode transparent doesn’t work
mbOverlay.style.backgroundImage= “url(../img/opaque-grey.png)”;
mbOverlay.style.backgroundRepeat=”repeat”;
} else {
mbOverlay.style.backgroundColor = “#666″;
mbOverlay.style.MozOpacity = .70;
mbOverlay.style.opacity = .70;
mbOverlay.style.filter = “alpha(opacity=70)”;
}

I really don’t understand js much, I am a designer. I looked at the code for Milkbox and it seems like mbOverlay is the element that has the transparency, so that’s what I put in for getElementByID, and the png I created is one directory up from the js file.

Can you help? I really can’t expect everyone coming to my portfolio to have FF3.

thanks in advance!!!!!

Chris