Html CSS Schwebender Hintergrund?

Hallo,

ist es Möglich das auf einer Html Seite der Hintergrund nicht fest an der Seite fest angelegt ist sondern das wenn man auf der seite zb. Runterscrollt das das Hintergrundbild nicht mit scrollt sondern das nur der Inhalt der Seite Quasi "geschoben" wird?

Kann nicht Gut erklären lol :d

Answer 1

[medmonk]

Mit der CSS Eigenschaft background-attachment kann ein Hintergrund fixiert werden.

body {
  background-image: url("path/image.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;

  /* shorthand */
  background: url("path/image.jpg") no-repeat fixed;
}

LG medmonk

Comments

[Maestromb25]

Hat funktioniert danke : D

Answer 2

[ichmagmemes]

meinst du zb das wie bei der google pixel 6a seite? das macht man mit javascript/jquery, bei stackoverflow gibts bestimmt das wonach du suchst