overlay

throwcode

throwcode

Hi, I'm having trouble getting an overlay to work properly in the latest Opera browser (v20). It works correctly in IE11 and the latest Firefox but not Opera or GoogleChrome.

The problem is that the overlay is supposed to darken the background underneath a pop-up dialog. The following is the code for the overlay:

        $('div#'+D_OVERLAY).css({
            position : 'fixed',
            bottom : 0,
            left : 0,  
            height : '100%',
            width : '100%',
            margin : 0,
            padding : 0,
            backgroundColor : '#000',
            opacity : .5,
            zIndex : 101,
            display : 'none'
        });

I can actually get Opera to show the background color at 50% opacity if I have the developer - web inspector open; otherwise the background appears transparent.

Does anyone know why this code is not working without the developer tool loaded?

Your assistance is greatly appreciated.
TC

sgunhouse

sgunhouse Moderator Volunteer

Where's the rest of it? In this section it is marked as display: "none" so of course is not displayed; presumably the code for your "popup" must change that ...