Do more on the web, with a fast and secure browser!

Download Opera browser with:

  • built-in ad blocker
  • battery saver
  • free VPN
Download Opera
  • 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:

                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.

  • 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 ...