bg-fixed

The bg-fixed class belongs to the background attachment group within the backgrounds category.

Example Usage

Here is an example of how to use bg-fixed:

<div class="bg-fixed bg-cover overflow-y-scroll h-48 w-96 bg-[url('/placeholders/mountain.jpg')]">
  <div class="h-64 w-64"></div>
</div>

Resulting CSS

background-attachment: fixed;

Other Background attachment Classes

bg-localbg-scroll
View other Backgrounds classes

Get Tailwind Scanner!

The absolute must-have tool for anyone using Tailwind CSS.

Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!