W3cubDocs

/Support Tables

CSS background-attachment

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

Spec https://www.w3.org/TR/css3-background/#the-background-attachment
Status W3C Candidate Recommendation
IE Edge Firefox Chrome Safari Opera
      73    
    65 72    
    64 71 TP  
11 18 63 70 12 56
10 17 62 69 11.1 55
9 16 61 68 11 54
8 (1) 15 60 67 10.1 53
Show all
7 (1) 14 59 66 10 52
6 (1) 13 58 65 9.1 51
5.5 (1) 12 57 64 9 50
    56 63 8 49
    55 62 7.1 48
    54 61 7 47
    53 60 6.1 46
    52 59 6 45
    51 58 5.1 44
    50 57 5 43
    49 56 4 (1) 42
    48 55 3.2 (1) 41
    47 54 3.1 (1) 40
    46 53   39
    45 52   38
    44 51   37
    43 50   36
    42 49   35
    41 48   34
    40 47   33
    39 46   32
    38 45   31
    37 44   30
    36 43   29
    35 42   28
    34 41   27
    33 40   26
    32 39   25
    31 38   24
    30 37   23
    29 36   22
    28 35   21
    27 34   20
    26 33   19
    25 32   18
    24 (1) 31   17
    23 (1) 30   16
    22 (1) 29   15
    21 (1) 28   12.1
    20 (1) 27   12
    19 (1) 26   11.6
    18 (1) 25   11.5
    17 (1) 24   11.1
    16 (1) 23   11
    15 (1) 22   10.6
    14 (1) 21   10.5
    13 (1) 20   10.0-10.1 (1)
    12 (1) 19   9.5-9.6 (1)
    11 (1) 18   9 (1)
    10 (1) 17    
    9 (1) 16    
    8 (1) 15    
    7 (1) 14    
    6 (1) 13    
    5 (1) 12    
    4 (1) 11    
    3.6 (1) 10    
    3.5 (1) 9    
    3 (1) 8    
    2 (1) 7    
      6    
      5    
      4    
iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser
12 (2,3) all 67 10 (2) 46 70 63 11 11.8 7.2 (4) 1.2 7.12 (4)
11.3-11.4 (2,3)   4.4.3-4.4.4 7 (2) 12.1     10   6.2 (4)    
11.0-11.2 (2,3)   4.4   12         5 (4)    
10.3 (2,3)   4.2-4.3 (1)   11.5         4    
Show all
10.0-10.2 (2,3)   4.1 (1)   11.1              
9.3 (2,3)   4   11              
9.0-9.2 (2,3)   3   10 (1)              
8.1-8.4 (2,3)   2.3                  
8 (2,3)   2.2                  
7.0-7.1 (2,3)   2.1                  
6.0-6.1 (2,3)                      
5.0-5.1 (2,3)                      
4.2-4.3                      
4.0-4.1                      
3.2                      

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 not local

  2. Partial support refers to supporting local but not fixed

  3. Only supports local when -webkit-overflow-scrolling: touch is _not_ used

  4. Does not support fixed, and due to a bug only supports local if a border-radius is set on the element.

Bugs

  • iOS has an issue preventing background-attachment: 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.

  • Firefox does not appear to support the local value when applied on a textarea element.

Resources

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