jquery - Simplemodal Scroll Bar and Close Image Issue -
i have simplemodal jquery popup has have overflow set auto because resulting list can long. scroll bars show fine, close image gets shoved behind vertical scroll bars , simplemodal border. if comment out the
overflow: 'auto',
line close image shows fine on top of border. have tried setting z-index image high , did nothing. makes horizontal scroll bars show because close image behind vertical scroll bars.
my jquery code
jquery('#custlookupresults').modal({ containercss: { padding: 0, overflow: 'auto', maxheight: 800 }, onshow: function (dlg) { $(dlg.container).css('width', 650); $(dlg.container).css('height', 'auto'); }, overlayclose: true, opacity: 75 });
and css is
#simplemodal-container { border:8px solid; padding: 12px; border-color:black; border-style:outset; background-color:white; color:black; vertical-align:middle; text-align:center; } #simplemodal-container a.modalcloseimg { background:url(../images/x.png) no-repeat; /* adjust url required*/ width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer; }
any on how fix appreciated.
simplemodal should automatically adding overflow:'auto'
simplemodal-wrap
div if data extends container. if reason not (due how using it), like:
jquery('#custlookupresults').modal({ containercss: { padding: 0, width: 650, }, maxheight: 800, onshow: function (dlg) { $(dlg.container).css('height', 'auto'); $(dlg.wrap).css('overflow', 'auto'); // or try jquery.modal.update(); }, overlayclose: true, opacity: 75 });
Comments
Post a Comment