955800 - Blurry render of css background images positioned with background-position and scaled with background-size

Status: RESOLVED WORKSFORME

(Core :: Layout: Images, Video, and HTML Frames, defect)

Description

[sladex]

Attachment: demo.png

User Agent: Opera/9.80 (Windows NT 6.1; WOW64) Presto/2.12.388 Version/12.16

Steps to reproduce:

Set a background-image css property.
Set background-position in percentage (eg. 50% 50%)
Scale it with background-size.
The same behavior for both png and jpg.


Actual results:

Background image looks blurry. And if you set background-position in pixels everything looks just fine.
Demo: http://sladex.org/bugzilla/blurry/


Expected results:

Sharp scaled image, like in Chrome.

Comment 1

[Alice0775 White]

image.high_quality_downscaling.enabled = false helps

Comment 2

[Daniel Mayers]

Confirmed the issue with 29. Workaround would be using viewport units but hope they find a fix soon.

Comment 3

[Florian Bender]

Could you please explain why you WONTFIXed this bug?

Comment 4

[Seth Fowler [:seth] [:s2h]]

Yes, I'd like to know that too. Also, why did you WONTFIX bug 1081206, which this bug blocks?

Comment 5

[Seth Fowler [:seth] [:s2h]]

(As long as I'm at it, the component is definitely wrong on this bug.)

Comment 6

[Roman]

FWIW, the test case does not reproduce this bug on my Firefox 39.0.3 (32-bit). So maybe it should be worksforme instead of fixed?

Comment 7

[Hermina]

Hi! Sorry for late reply, seen need info just now, due to last comment. I tried reproducing it on FF 39.0.3 (also on FF 40 now, just to make sure) and it doesn't reproduce. My bad for marking it wontfix instead of work for me. Also, I'll make sure to comment when making changes next time.

Comment 8

[sladex]

Hi there! Checked on Windows 10 + FF 40, Windows 7 + FF 38 (and 40), Mac OS + FF 40. Doesn't reproduce.