Bug 61696 (easymind) - background-position on enlarged background-images not pixel perfect
Summary: background-position on enlarged background-images not pixel perfect
Status: UNCONFIRMED
Alias: easymind
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2011-05-28 19:14 PDT by easymind
Modified: 2011-10-06 03:50 PDT (History)
1 user (show)

See Also:


Attachments
Small demo of the rendering issue (8.78 KB, application/x-zip-compressed)
2011-05-28 19:14 PDT, easymind
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description easymind 2011-05-28 19:14:23 PDT
Created attachment 95278 [details]
Small demo of the rendering issue

If we have an image and use it as background in a div and enlarge this background (background-size), we get render issues when moving the div in one direction (top/left)  and the background-image in the opposite direction (background-position).

So moving the div 10 pixels down and the background-image 10 pixels up, results in a small shift of the position of the image when rendering.
When using this in animations it shows the image bouncing around a bit. What is expected is the image remaining at the same position, rendered the same.

This happens mostly when the image has been resized, even a little. But the heavier the initial resize the heavier the effect.

A html/css demo is in the attachment.
Comment 1 Nicholas Shanks 2011-10-06 03:50:04 PDT
Has this been fixed?
I don't see the describe jittering effect on Chrome Canary 16.0.901, even if I zoom the web page.