ISSUE-9: Splitting 'background-position' into -x and -y allows to quickly change one without the other

background-position-x/y

Splitting 'background-position' into -x and -y allows to quickly change one without the other

State:

CLOSED

Product:

CSS3 Backgrounds and Borders

Raised by:

Anne van Kesteren

Opened on:

2008-04-04

Description:

The use case is described here:
http://lists.w3.org/Archives/Public/www-style/2004Aug/0185

Basically, it enhances a well-known technique to avoid a download and a slight delay by putting two background images into one and moving it up and down on hover rather than replacing it: By splitting 'background-position', one avoids having to repeat the x coordinate in the rule for ':hover'.

Elika and Bert considered the use case too weak to introduce new properties for. See http://lists.w3.org/Archives/Member/w3c-css-wg/2008JanMar/0153.html

Related Actions Items:

No related actions

Related emails:

1. [CSSWG] Minutes Telecon 2018-06-20 [css-fonts-3] [filter-effects] [css-transforms] (from daelcss@gmail.com on 2018-06-20)
2. Agenda+ Almost Publishable [css-values-3][css-text-decor-3][css-sizing-3] (from fantasai.lists@inkedblade.net on 2018-02-09)
3. [css-text-decor-3] Updated DoC, open issues (from fantasai.lists@inkedblade.net on 2016-12-27)
4. [CSSWG] Minutes Telecon 2016-06-22 [css-snappoints] [css-text-3] [css-round-display] [mediaqueries] [css-grid] [css-align] [css-inline] (from daelcss@gmail.com on 2016-06-22)
5. [csswg] Agenda conf call 22-June-2016 (from Rossen.Atanassov@microsoft.com on 2016-06-22)
6. Agenda+ Media Queries (from fantasai@inkedblade.net on 2016-06-08)
7. Re: [publish][css-text-4] FPWD of CSS Text Level 4 (from fantasai@inkedblade.net on 2015-09-21)
8. [Publish] [css-position] Publish CSS Positioned Layout Working Draft (from Rossen.Atanassov@microsoft.com on 2015-01-12)
9. Re: [css-masking] lc issue 9: Does 'mask-source-type' apply to 'mask-box-image-source' (from dschulze@adobe.com on 2014-04-12)
10. [CSSWG] Minutes Telecon 2014-03-19 (from daelcss@gmail.com on 2014-03-19)
11. Re: [css-masking] 'mask-source-type' and 'mask-type' (from dschulze@adobe.com on 2013-12-12)
12. [CSSWG] Minutes Tucson F2F 2013-02-14 Tue AM I: Paged Media 4, Flexbox (from fantasai.lists@inkedblade.net on 2013-02-14)
13. [css3-flexbox] Status and Going to CR (from jackalmage@gmail.com on 2012-07-09)
14. [css3-flexbox] Status and Going to CR (from fantasai@inkedblade.net on 2012-07-09)
15. [css3-background] background-position-x background-position-y (from florianr@opera.com on 2012-02-15)
16. [CSSWG] Minutes and Resolutions Seattle F2F 2011-07-26 AM: paint servers, pointer-events (from fantasai.lists@inkedblade.net on 2011-08-05)
17. Re: Splitting background-position in two different attributes (from alan@css-class.com on 2011-08-05)
18. Re: Splitting background-position in two different attributes (from brad.kemper@gmail.com on 2011-08-04)
19. Re: Splitting background-position in two different attributes (from jackalmage@gmail.com on 2011-08-04)
20. Splitting background-position in two different attributes (from uuf6429@gmail.com on 2011-08-04)
21. Re: Background position (from jackalmage@gmail.com on 2009-06-17)
22. Re: Background position (from sophie.gousset@laposte.net on 2009-06-17)
23. Re: Background position (from bert@w3.org on 2009-05-25)
24. Re: CSS3 Color: definition of 'mask' and example (from dbaron@dbaron.org on 2008-05-12)
25. Re: [css3-color] Algorithm for opacity needs defining. (from dbaron@dbaron.org on 2008-05-12)
26. ISSUE-9 (background-position-x/y): Splitting 'background-position' into -x and -y allows to quickly change one without the other [CSS3 Backgrounds and Borders] (from sysbot+tracker@w3.org on 2008-04-04)

Related notes:

No additional notes.

Display change log