Curriculum

CSS

CSS HOME

0/1

CSS INTRODUCTION

0/1

CSS Syntax

0/1

CSS Selectors

0/1

CSS How To

0/1

CSS Comments

0/1

CSS Colors

0/4

CSS Backgrounds

0/5

CSS Borders

0/6

CSS Margins

0/2

CSS Padding

0/1

CSS Height/Width

0/1

CSS Box Model

0/1

CSS Outline

0/5

CSS Text

0/6

CSS Fonts

0/8

CSS Icons

0/1

CSS Links

0/1

CSS Lists

0/1

CSS Tables

0/5

CSS Display

0/1

CSS Max-width

0/1

CSS Position

0/1

CSS Z-index

0/1

CSS Overflow

0/1

CSS Float

0/3

CSS inline-block

0/1

CSS Align

0/1

CSS Combinators

0/1

CSS Pseudo-classes

0/1

CSS Pseudo-elements

0/1

CSS Opacity

0/1

CSS Navigation Bar

0/3

CSS Dropdowns

0/1

CSS Image Gallery

0/1

CSS Image Sprites

0/1

CSS Attr Selectors

0/1

CSS Forms

0/1

CSS Counters

0/1

CSS Website Layout

0/1

CSS Units

0/1

CSS Specificity

0/1

CSS !important

0/1

CSS Math Functions

0/1

Text lesson

Background Attachment

The background-attachment property determines if the background image should scroll along with the content or remain fixed in place (not scrolling with the rest of the page).

Example

Indicate that the background image should remain fixed.

body {
  background-image: url(“img_tree.png”);
  background-repeat: no-repeat;
  background-position: right top;
background-attachment: fixed;
}

Example

Indicate that the background image should move along with the page’s scrolling.

body {
  background-image: url(“img_tree.png”);
  background-repeat: no-repeat;
  background-position: right top;
background-attachment: scroll;
}

The CSS Background Attachment Property

Property	Description
background attachment	Specifies if a background image remains fixed or moves with page scrolling.