CSS background-attachment
Method of defining how a background image is attached to a scrollable element. Values include scroll
(default), fixed
and local
.
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49 | |||||||||||||||||
56 | 9.3
See notes:
|
4.4 | |||||||||||||||
14 | 52 | 57 | 10 | 10.0-10.2
See notes:
|
4.4.3-4.4.4 | 4 | |||||||||||
11 | 15 | 53 | 58 | 10.1 | 44 | 10.3
See notes:
|
all | 56 | 10
See notes:
|
37 | 57
See notes:
|
52 | 11 | 11.4
See notes:
|
5
See notes:
|
1.2 | 7.12
See notes:
|
54 | 59 | TP | 45 | ||||||||||||||
55 | 60 | 46 | |||||||||||||||
56 | 61 |
Notes
Most mobile devices have a delay in updating the background position after scrolling a page with fixed
backgrounds.
-
1
Partial support refers to supporting
fixed
but notlocal
-
2
Partial support refers to supporting
local
but notfixed
-
3
Only supports
local
when-webkit-overflow-scrolling: touch
is not used -
4
Does not support
fixed
, and due to a bug only supportslocal
if aborder-radius
is set on the element.