# Background Attachment

Set the scroll behavior for background images.

**Limited availability.** This feature does not work in some of the most widely-used browsers.

Chrome 1 · Edge 12 · Firefox 25 · Safari 15.4 (desktop only)

| Class | Properties | Value |
|-------|------------|-------|
| `ba:f` | background-attachment | `fixed` |
| `ba:l` | background-attachment | `local` |
| `ba:s` | background-attachment | `scroll` |

### Media Queries

Prefix a class with a breakpoint to apply it from that width up.

Target viewport sizes with breakpoint prefixes.

| Class | Properties | Value |
|-------|------------|-------|
| `ba:f` | background-attachment | `fixed` |
| `ba:l` | background-attachment | `local` |
| `ba:s` | background-attachment | `scroll` |

### Pseudo Classes

Prefix a class with a state to apply it only while that state matches.

| Class | Properties | Value |
|-------|------------|-------|
| `ba:f` | background-attachment | `fixed` |
| `ba:l` | background-attachment | `local` |
| `ba:s` | background-attachment | `scroll` |