How can i change background color??

[streetoffice]

How can i change background color (color overlay?) i tried this 

$(".fancybox").fancybox({

'overlayColor': '#ffffff'

});

but it doesn,t work!!

[streetoffice]

Ok i changed this:

#fancybox-overlay {

position: absolute;

top: 0;

left: 0;

overflow: hidden;

display: none;

z-index: 8010;

background: #ffffff;     < i changed this line >

}

[Fred Riley]

I'm having the same problem when trying to change the overlay colour
for inline content. It's not a big deal as, like yourself, I could
change the inline <div> background colour, but I would like to know
why overlayColor isn't working. Or if it is, am I misunderstanding the
term 'overlay'?

Nice plugin, with very good documentation. Thanks for making it
available :)

Cheers

Fred

[JFK]

the overlay is the dark semitransparent layer mask covering your web
page when fancybox pops up (behind fancybox)

if using fancybox v1.3.x, change the overlay color this way:

$(".fancybox").fancybox({
"overlayColor": "#999"
});

if using fancybox v2.x, check http://stackoverflow.com/a/9913999/1055987

Often fancybox itself is mistakenly called "overlay"