css - jQuery ignores non-mozilla CSS3 transforms when using Firefox -
i trying add css3 transforms element using jquery. using firefox 5 test code. goal maximize browser compatibility adding multiple versions of transition different browsers. here code i'm using:
$('#element_name').css('-webkit-transform', 'rotate(45deg)'); $('#element_name').css('-moz-transform', 'rotate(45deg)'); $('#element_name').css('transform', 'rotate(45deg)');
when view resultant html using firebug, observe -moz-transform has been added inline css element. css works fine in firefox, need other lines added well. i'm assuming if view page in safari display -webkit-transform line, that's not enough project requirements. need of different css transform lines added @ same time regardless of browser.
is there way can force jquery use them all? perhaps there's sort of configuration setting tell jquery not care current browser?
this not caused jquery. jquery makes no pre-check if property available in browser.
firebug not show unknown properties, because browser not apply them when unknown. it's kind of invalid assignment without triggering error.
assigning of invalid css-properties may cause warning in firebugs console, can choose show them selecting "show css-errors"-option console-menu).
Comments
Post a Comment