Different Rendering of SimpleModal on IE7 and Chrome

Question

Hey Guys

I tried out Simple Modal for my modal dialog needs.

The jQuery

 $(function() {
        $('#showDialog').click(function() {
            $('<div><p> Click Here! </p></div>').modal({
                overlayClose: true,
                opacity: 30
            })
        });
    });

The CSS was as follows:

 #simplemodal-overlay
    {
        background-color: #000;
    }
    #simplemodal-container
    {
        background-color: #333;
        border: 8px solid #444;
        padding: 12px;
    }

In IE6 and 7, it displays a nice, very transparent, gray overlay with a dark small box in the middle with the text 'Click Here!'. But in CHROME (4.0.249.43) I get a dark black overlay with 100% opacity.

Any ideas?

Thanks in advance

Answer 1

I get the same problem with Chrome 5.0.375.99, even on the demos on your home page. The overlay is 100% opaque.

The OS is Mint 7 (Ubuntu 9.04)