Question

 $(document).ready(function() { 
    var overlayObject = $("a[rel]").overlay({ 
        top: 50,
        expose: {
                    color: '#232323',
                    closeOnClick: true
                },

                onClose:function() {   
                    $('#reg-login').hide();
                    $('#reg-register').hide();
                },
        effect: 'apple'
 });

hi, how can I not show the black background which comes up in this function. I just dont want to show anything in the background, just a normal webpage behind, how can i do that?

If i delete color: ‘#232323’, then some blue background comes up.

any help

Answer 1

You are using the expose method provided by the overlay. This brings focus to the element and slowly fades everything else around it. If you do not want the ‘mask overlay’, simply remove the expose effect, and find the css element #mask and give it a background:transparent. Alternatively, you could use the mask:{} parameter and pass to it a transparent gif (or png) which will give the same effect.