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
Post a Comment