[GastForen Web allgemein HTML und CSS / Stylesheets Hintergrundbild soll mitscrollen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Hintergrundbild soll mitscrollen

matmax
Beiträge gesamt: 626

10. Apr 2010, 16:00
Beitrag # 1 von 4
Bewertung:
(10827 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo!
Ich habe ein dic mit fester Höhe und Breite und overflow: auto, so dass bei mehr Textinhalt das div einen Scrollbalken bekommt. Im div liegt ein Hintergrundbild, dass genauso groß ist wie das div.
Wenn ich nun scrolle, will ich dass das Hintergrundbild mit dem Text mitscrollt.
Wie kann man das machen? Habe schon background-attachment:scroll; für das div festgelegt, aber das Hintergrundbild bleibt fixiert …

Danke!
X

Hintergrundbild soll mitscrollen

SabineP
Beiträge gesamt: 7586

10. Apr 2010, 16:24
Beitrag # 2 von 4
Beitrag ID: #438871
Bewertung:
(10816 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Versuchs doch mal mit:

background-attachment:fixed

http://de.selfhtml.org/...ackground_attachment


als Antwort auf: [#438870]

Hintergrundbild soll mitscrollen

matmax
Beiträge gesamt: 626

10. Apr 2010, 19:37
Beitrag # 3 von 4
Beitrag ID: #438881
Bewertung:
(10790 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Dann wird das Bild verschoben, rutscht teilweise aus dem div raus (weil bei fixed sich das Hintergrundbild an der Mitte des Browserfensters orientiert?!), aber mitscrollen tut es auch nicht …


als Antwort auf: [#438871]

Hintergrundbild soll mitscrollen

SabineP
Beiträge gesamt: 7586

10. Apr 2010, 20:32
Beitrag # 4 von 4
Beitrag ID: #438886
Bewertung:
(10776 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
>> Dann wird das Bild verschoben, rutscht teilweise aus dem div raus
Dann ist Dein Code kaputt. Das darf gar nicht passieren.

>> (weil bei fixed sich das Hintergrundbild an der Mitte des Browserfensters orientiert?!)
Es orientiert sich an der linken oberen Ecke des divs.

Oh, ich lese gerade, daß Hintergrundbilder in scrollbaren divs immer feststehen, also nicht mitscrollen.
http://www.w3.org/...ackground-attachment

Zitat: If an element has a scrolling mechanism (see 'overflow'), a 'fixed' background does not move with the element, and a 'scroll' background does not move with the scrolling mechanism.


als Antwort auf: [#438881]
(Dieser Beitrag wurde von SabineP am 10. Apr 2010, 20:34 geändert)
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/