157511 2016-05-10 02:27:48 -0700 Implement CSS background-position-x/-y edge offsets 2022-07-15 08:59:58 -0700 1 1 1 Unclassified WebKit CSS WebKit Nightly Build Unspecified OS X 10.11 RESOLVED DUPLICATE 202148 https://bugs.webkit.org/show_bug.cgi?id=154551 https://drafts.csswg.org/css-backgrounds-4/#background-position-longhands WebExposed P2 Normal --- 1 50167214 simon.fraser 50167214 bfulgham gsnedders ntim simon.fraser oldest_to_newest 1191478 0 50167214 2016-05-10 02:27:48 -0700 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 1191810 1 278575 simon.fraser 2016-05-10 21:23:20 -0700 Created attachment 278575 Testcase 1191835 2 50167214 2016-05-10 22:06:06 -0700 (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 1883875 3 bfulgham 2022-07-14 15:43:12 -0700 Gecko and WebKit now handle this properly. Chrome still does not. 1884042 4 ntim 2022-07-15 08:59:58 -0700 Duplicate of bug 202148 *** This bug has been marked as a duplicate of bug 202148 *** 278575 2016-05-10 21:23:20 -0700 2016-05-10 21:23:20 -0700 Testcase background-position-x.html text/html 708 simon.fraser PCFET0NUWVBFIGh0bWw+Cgo8aHRtbD4KPGhlYWQ+CiAgICA8c3R5bGU+CiAgICAgICAgLmJveCB7 CiAgICAgICAgICAgIG1hcmdpbjogMjBweDsKICAgICAgICAgICAgd2lkdGg6IDMwMHB4OwogICAg ICAgICAgICBoZWlnaHQ6IDMwMHB4OwogICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCBibGFj azsKICAgICAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KGJsdWUsIGJs dWUpOwogICAgICAgICAgICBiYWNrZ3JvdW5kLXNpemU6IDIwMHB4IDEwMHB4OwogICAgICAgICAg ICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0OwogICAgICAgIH0KICAgICAgICAKICAgICAg ICAuc2hvcnRoYW5kIHsKICAgICAgICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogbGVmdCAyNSUg Ym90dG9tIDI1JTsKICAgICAgICB9CiAgICAgICAgCiAgICAgICAgLmxvbmdoYW5kcyB7CiAgICAg ICAgICAgIGJhY2tncm91bmQtcG9zaXRpb24teDogbGVmdCAyNSU7CiAgICAgICAgICAgIGJhY2tn cm91bmQtcG9zaXRpb24teTogYm90dG9tIDI1JTsKICAgICAgICB9CiAgICA8L3N0eWxlPgo8L2hl YWQ+Cjxib2R5Pgo8cD5Ub3AgYW5kIGJvdHRvbSBzaG91bGQgbG9vayB0aGUgc2FtZTwvcD4KPGRp diBjbGFzcz0ic2hvcnRoYW5kIGJveCI+PC9kaXY+CjxkaXYgY2xhc3M9ImxvbmdoYW5kcyBib3gi PjwvZGl2Pgo8L2JvZHk+CjwvaHRtbD4K