Hi Karl, Here's an example of how the images are showing up. If I remove the overflow: hidden, they show up.
http://www.intoajax.com/jtiptest.htm Rey Karl Swedberg wrote: > On Sep 21, 2006, at 11:45 AM, Rey Bango wrote: > > >>Solved!! Thanks to Yehuda Katz for pointing me over to the jQuery date >>picker plugin which had a IE hack that resolved the issue! >> >>I took some code from the date picker plugin and update JTip. >>Here's the >>code for anyone interested: >> >>global.css (added): >> >>#JT iframe >>{ >> display:none;/*sorry for IE5*/ >> display/**/:block;/*sorry for IE5*/ >> position:absolute; >> top:0; >> left:0; >> z-index:-1; >> filter:mask(); >> width:3000px; >> height:3000px; >>} >> >>jtip.js (added immediately after the JT div is created): >> >>if ($.browser.msie) { >> >>/ we put a styled iframe behind the calendar so HTML SELECT elements >>don't show through >> >> $('#JT').append(document.createElement('iframe')); >> >>} > > > That's great, Rey! Glad you got it worked out. I'm curious, though, > if that works without doing this, too: > > #JT { > overflow: hidden; > } > > I tried to solve your case, too, and did it very similarly, with just > a couple differences: > - Added everything you did in global.css EXCEPT for the height and > width. > > - Put this right after div is created in jtip.js: > > if ($.browser.msie) { > $('#JT').prepend('<iframe id="jTipiFrame"></iframe>'); > var iwidth = (params['width']*1+79) + "px"; > $('#jTipiFrame').width(iwidth).height('450px'); > } > > So, I made the width the same as that of the jTip, and I made the > height ... um ... 450px. That's my one sticking point. If I set #JT > to "overflow:hidden", I can give #jTipiFrame a ridiculous height; if > I don't, I get scrollbars on hover. I tried to give it the same > height as that of #JT, but apparently the #JT height is computed > before it's loaded. The "overflow: hidden", on the other hand, cuts > off some of your text. > > Oh well, it was worth a try anyway. If you're interested in seeing my > version of your test page, go to > http://test.learningjquery.com/jtiptest.htm > (Note: I didn't upload the little arrow images, so it won't look > perfect) > > Cheers, > > Karl > ___________________ > Karl Swedberg > www.englishrules.com > www.learningjquery.com > > > > _______________________________________________ > jQuery mailing list > discuss@jquery.com > http://jquery.com/discuss/ > _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
