Different Rendering of SimpleModal on IE7 and Chrome
- by Silver Gun
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
