Question

I am using the jQuery plugin Colorbox. Almost perfect, but I’m trying to add a CSS3 box-shadow to the box, and so far nothing seems to work.

I am using

#cboxLoadedContent{
        background:rgba(121,121,121,.8); 
        padding:30px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 8px;
        -moz-box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 8px;
        box-shadow: rgba(0, 0, 0, 0.8) 4px 4px 8px;
    }

The background color and padding are working fine, but no shadow.Anyone ever get this to wok?

Answer 1

Found it:

#colorbox, #cboxOverlay, #cboxWrapper
{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 

The overflow: hidden crops off the shadow. It was there all along. Doesn’t seem to be needed either.