RESOLVED DUPLICATE of bug 202148 157511
Implement CSS background-position-x/-y edge offsets
https://bugs.webkit.org/show_bug.cgi?id=157511
Summary Implement CSS background-position-x/-y edge offsets
yisibl
Reported 2016-05-10 02:27:48 PDT
We must be support two-value syntax and edge offsets for background-position-x/-y. e.g. background-position-x: right 30px; background-position-x: -95px, center, right 30px, ...; Spec: https://drafts.csswg.org/css-backgrounds-4/#background-position-longhands MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position-x https://developer.mozilla.org/en-US/docs/Web/CSS/background-position-y Browser compatibility Firefox 49 Yes IE 9 Yes Edge Yes Chrome No Opera 12.1 No
Attachments
Testcase (708 bytes, text/html)
2016-05-10 21:23 PDT, Simon Fraser (smfr)
no flags
Simon Fraser (smfr)
Comment 1 2016-05-10 21:23:20 PDT
Created attachment 278575 [details] Testcase
yisibl
Comment 2 2016-05-10 22:06:06 PDT
(In reply to comment #1) > Created attachment 278575 [details] > Testcase Can you fix the same problem with blink? https://bugs.chromium.org/p/chromium/issues/detail?id=610627
Brent Fulgham
Comment 3 2022-07-14 15:43:12 PDT
Gecko and WebKit now handle this properly. Chrome still does not.
Tim Nguyen (:ntim)
Comment 4 2022-07-15 08:59:58 PDT
Duplicate of bug 202148 *** This bug has been marked as a duplicate of bug 202148 ***
Note You need to log in before you can comment on or make changes to this bug.