CSS background-attachment

Method of defining how a background image is attached to a scrollable element. Values include scroll (default), fixed and local.

Spec	http://www.w3.org/TR/css3-background/#the-background-attachment
Status	W3C Candidate Recommendation

IE	Edge	Firefox	Chrome	Safari	Opera
		57	62
		56	61	TP	48
	16	55	60	11	47
11	15	54	59	10.1	46
10	14	53	58	10	45
9	13	52	57	9.1	44
8 ⁽¹⁾	12	51	56	9	43
Show all
7 ⁽¹⁾		50	55	8	42
6 ⁽¹⁾		49	54	7.1	41
5.5 ⁽¹⁾		48	53	7	40
		47	52	6.1	39
		46	51	6	38
		45	50	5.1	37
		44	49	5	36
		43	48	4 ⁽¹⁾	35
		42	47	3.2 ⁽¹⁾	34
		41	46	3.1 ⁽¹⁾	33
		40	45		32
		39	44		31
		38	43		30
		37	42		29
		36	41		28
		35	40		27
		34	39		26
		33	38		25
		32	37		24
		31	36		23
		30	35		22
		29	34		21
		28	33		20
		27	32		19
		26	31		18
		25	30		17
		24 ⁽¹⁾	29		16
		23 ⁽¹⁾	28		15
		22 ⁽¹⁾	27		12.1
		21 ⁽¹⁾	26		12
		20 ⁽¹⁾	25		11.6
		19 ⁽¹⁾	24		11.5
		18 ⁽¹⁾	23		11.1
		17 ⁽¹⁾	22		11
		16 ⁽¹⁾	21		10.6
		15 ⁽¹⁾	20		10.5
		14 ⁽¹⁾	19		10.0-10.1 ⁽¹⁾
		13 ⁽¹⁾	18		9.5-9.6 ⁽¹⁾
		12 ⁽¹⁾	17		9 ⁽¹⁾
		11 ⁽¹⁾	16
		10 ⁽¹⁾	15
		9 ⁽¹⁾	14
		8 ⁽¹⁾	13
		7 ⁽¹⁾	12
		6 ⁽¹⁾	11
		5 ⁽¹⁾	10
		4 ⁽¹⁾	9
		3.6 ⁽¹⁾	8
		3.5 ⁽¹⁾	7
		3 ⁽¹⁾	6
		2 ⁽¹⁾	5
			4

Notes

Most mobile devices have a delay in updating the background position after scrolling a page with fixed backgrounds.

Partial support refers to supporting fixed but not local
Partial support refers to supporting local but not fixed
Only supports local when -webkit-overflow-scrolling: touch is _not_ used
Does not support fixed, and due to a bug only supports local if a border-radius is set on the element.

iOS has an issue preventing background-position: fixed from being used with background-size: cover - see details
Chrome has an issue that occurs when using the will-change property on a selector which also has background-attachment: fixed defined. It causes the image to get cut off and gain whitespace around it.

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=background-attachment