I tried adding a solid bg color to the css to test quickly but it still rendered jagged. So I figured the easiest way is to scrap the fade all together. LOL Problem solved.
Dave -----Original Message----- From: James [mailto:james.gp....@gmail.com] Sent: September-25-09 11:26 PM To: jQuery (English) Subject: [jQuery] Re: Prevent jagged text in IE What happens if you set a solid background-color to the element that holds the text? On Sep 25, 3:08 pm, "Dave Maharaj :: WidePixels.com" <d...@widepixels.com> wrote: > Thanks, > > Will give it a shot. > > Dave > > _____ > > From: Rick Faircloth [mailto:r...@whitestonemedia.com] > Sent: September-25-09 9:48 PM > To: jquery-en@googlegroups.com > Subject: [jQuery] Re: Prevent jagged text in IE > > I include a reference to a file with this jQuery code in every page to > solve that problem, Dave. > > Best solution I've found so far. I got it from someone, somewhere, but > don't remember who. > > Rick > > jQuery.fn.fadeIn = function(speed, callback) { > > return this.animate({opacity: 'show'}, "750", function() > { > > if (jQuery.browser.msie) > > this.style.removeAttribute('filter'); > > if (jQuery.isFunction(callback)) > > callback(); > > }); > > }; > > jQuery.fn.fadeOut = function(speed, callback) { > > return this.animate({opacity: 'hide'}, "750", function() > { > > if (jQuery.browser.msie) > > this.style.removeAttribute('filter'); > > if (jQuery.isFunction(callback)) > > callback(); > > }); > > }; > > jQuery.fn.fadeTo = function(speed,to,callback) { > > return this.animate({opacity: to}, "750", function() { > > if (to == 1 && jQuery.browser.msie) > > this.style.removeAttribute('filter'); > > if (jQuery.isFunction(callback)) > > callback(); > > }); > > }; > > From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] > On Behalf Of Michael Geary > Sent: Friday, September 25, 2009 8:07 PM > To: jquery-en@googlegroups.com > Subject: [jQuery] Re: Prevent jagged text in IE > > Make sure the text opacity is 100%. Don't fade it in. IE renders > non-antialiased text when opacity is less than 100%. > > If that's not it, post a link to a test page. > > -Mike > > On Fri, Sep 25, 2009 at 4:56 PM, Dave Maharaj :: WidePixels.com > > <d...@widepixels.com> wrote: > > I have content that loads into a div and in every browser except IE it > renders fine. In the wonderful IE it comes in jagged...sometimes it "snaps" > after and looks normal but for the most part its all jagged. The page > is a white bg with text rendering into of it. Howcan I fix this so it > looks normal? > > Not using a crazy font, just font-family:Helvetica, Arial, sans-serif; > 1em > > Ideas? Suggestions? > > Thanks > > Dave
