jquery animate (height) causes background-image flickering in firefox -


I have a problem with using jQuery.animate with Firefox: when I have a container with some background image Animate the height the background starts flickering only on Firefox - all other browsers (i.e.) show a smooth animation, a low code snippet that shows what I do:

  & lt ; Div style = "background-image: url (image.jpg); background-position: 50% 50%; height: 200px;" onmouseover = "jquery (this) .animate ({height: 400});" & Gt; & Lt; / Div & gt;  

I highly appreciate your help.

Interestingly, what happens if you wrap in a different divi and animate it, like

  & lt; Div style = "background-position: 50% 50%; height: 200px;" Onmouseover = "jquery (this) .animate ({height: 400});" & Gt; & Lt; Div style = "background-image: url (image.jpg);" & Gt; & Lt; / Div & gt; & Lt; / Div & gt;  

(For the record, I used your code, but would have liked to use CSS classes and late jQuery event binding; -)


Comments

Popular posts from this blog

sql - dynamically varied number of conditions in the 'where' statement using LINQ -

asp.net mvc - Dynamically Generated Ajax.BeginForm -

Debug on symbian -