When I set a CSS property to a float value, like so:
$('#div').css('left', 123.1234567 );
Inspecting #div in the DOM shows that left was set to 123.1234567px
, however all three of these:
console.log($('#div').css('left'), $('#div').position(), $('#div').offset() );
return the integer value of 123px.
Is jQuery trying to be too smart, or is it masking a frailty in the browsers? Do browsers support sub-pixel positioning of divs? Would they if I were using a canvas tag? </p>