Fixieren von Hintergrundgrafik funktioniert in Google Chrome nicht!

[Schuster]

Hallo, bin wieder einmal im Forum, um Hilfe zu suchen. Das ist einfach eine gute Sache, wenn man selbst nicht mehr weiterkommt (ich bin noch Anfänger mit Contao und da passiert's halt allzuleicht) Bis jetzt hat's immer toll geklappt und mit Eurer Hilfe konnt e ich die meisten Probleme lösen. Also mein heutiges Problem ist folgendes: Grad hab ich meine erste Website fertiggestellt, sieht auch gut aus und funktioniert einwandfrei, bloß bei Google Chrome ist ein Haken dabei. Das Problem ist die Hintergrundgrafik, welche ich mit background-attachment:fixed eben nicht mitscrollen lassen wollte. Diese Hintergrundgrafik hab ich in #container gegeben. Funktioniert perfekt im Internet Explorer und in Mozilla. Beim Google Chrome bleibt die Grafik einfach weg. Wenn ich das Hintergrundbild nicht fixiere, also ohne attachment:fixed, funktionierts perfekt, bloß will ich das nicht. Google Chrome hat anscheinend Probleme mit attachment: fixed. Ich habe gegoogelt und irgendwo gelesen, daß Google die CSS Anweisung :background-attachment: fixed; nur im body tag versteht. Ist das wirklich so??
Ich hab's überprüft, also Hintergrundbild in body gegeben und funktioniert wirklich. Das Problem ist bloß, daß ich im Header ne bildschirmfüllende Bildergalerie mit einer ziemlichen Höhe hab, und nun der obere Teil des Hintergrundbildes, welches eine Landschaft darstellt, vom Headerbereich vollständig überdeckt wird. Deshalb möchte ich die Grafik in #container haben, und eben auch fixiert. Geht das bei Google Chrome wirklich nicht?? Wäre froh, wenn mir einer von Euch Experten eine auch für mich verständliche Hilfe geben könnte.

Schuster

[mlweb]

Gerade mal getestet. Funktioniert auch im Chrome (Windows 7 mit Chrome 42 und OS X Yosemite mit Chrome 42).
Poste mal einen Link, dann kann man vielleicht die Ursache finden.

[Schuster]

Link zu meiner Seite:[URL="http://www.letto-in-cirmolo.it/de/zirbenmoebel.html"]
Im Internet Explorer und im Mozilla Firefox sieht man das Hintergrundbild perfekt, es ist fixiert.
Im Google Chrome kommt kein Hintergrundbild.

Im Menüpunkt "Startseite" ist es dasselbe Lied. Hier verwende ich ein anderes Hintergrundbild, ebenfalls fixiert, und im Chrome geht auch nichts. Ich benutze windows 7 und auch die Chrome version 42

Vielen Dank im voraus für Eure Mühe.

[tab]

Hmm, geht bei mir auch nicht. ABER: das Beispiel im folgenden Link funktioniert auch mit Chrome:
http://www.webmasterpro.de/coding/ar...ent-fixed.html
Ich weiss nicht, was genau den Unterschied macht, die Positionierung mit center top ist es jedenfalls nicht, denn wenn man das Beispiel im Link so abändert, funktioniert auch das.

[Spooky]

Das ist ein redraw Bug im Chrome, der von Google leider immer noch nicht behoben wurde. Du kannst hierfür leider nur Workarounds benutzen. Einige Vorschläge findet man auf Google: https://www.google.at/search?q=backg...t+fixed+chrome
Das einfachste, was in deinem Fall funktionieren wird, ist folgendes: http://stackoverflow.com/a/20297373/374996

#container {
    position:static;
} 

Falls du die relative Positionierung für den #container brauchst, musst du dies anders lösen.


// edit: achja, und bitte entferne die Hintergrundmusik

[Schuster]

Vielen Dank für deine Tipps, ich werde sie versuchen umzusetzen. Aber neugierigkeitshalber: gefällt dir die Musik nicht?? oder worum geht es da genau?? Ich mußte echt grinsen, als ich deinen Hinweis zur Musik las, aber natürlich ist es für mich wichtig, zu wissen, was die Leute von dieser Musik halten. Gib mir bitte dazu noch mal kurz Bescheid.

Vielen Dank

[Spooky]

Die Musik ist natürlich Geschmackssache, aber unabhängig davon ist sowas einfach bad practice http://completeusability.com/regrett...kground-music/

[ciaobello]

// edit: achja, und bitte entferne die Hintergrundmusik

Der Schalter zum deaktivieren der Musik war das erste was ich auf der Seite gesucht habe!

[tab]

Ich gebs ja zu, ich habe den Lautsprecher auch abgeschaltet. Aber sooo schlimm finde ich die Musik jetzt nicht. Passend zur Region, eventuell etwas zu laut. Hätte ich mich nur einfach für die Produkte interessiert, hätte ich sie laufen lassen. Vielleicht nicht gerade bei einem Kunden aber zuhause schon. Aber da ich die Seite in zwei unterschiedlichen Browsern gleichzeitig öffnen wollte zum Vergleich, gab es natürlich keine Wahl. Ein Knopf zum Abschalten wäre benutzerfreundlicher.

[Schuster]

Der Knopf zum Abschalten befindet sich auf der Seite unten schön sichtbar. Ist doch der Schalter des Media Players. Oder erscheint dieser Schalter beim User nur abhängig von den installierten Programmen?
Und zur Lautstärke: mir ist sie selbst viel zu laut, aber ich kann ich beim Erstellen der Seite die Lautstärke doch nicht bestimmen, oder liege ich da falsch? Ich war der Meinung, daß die Lautstärke nur vom User an seinem Lautsprecher vorgenommen werden kann. Oder kann ich doch etwas einstellen??
Die Musik selbst ist natürlich Geschmacksache, das verstehe ich vollkommen und ich ziehe auch in Betracht, sie wegzulassen, denn für viele kann sie sicherlich störend sein. Toll wäre natürlich, wenn ich sie ganz dezent einstellen könnte, aber wie oben gesagt, wird das nicht gehen.

[Schuster]

#container {
position:static;
}

hat das Problem vom fixierten Hintergrund in Google Chrome nicht gelöst. Die Hintergrundgrafik bleibt einfach weg.

[Spooky]

Kann ich bei mir nicht bestätigen auf deiner Seite. Aktuell scheinst du die Änderung auch nicht online zu haben, oder?

[Schuster]

Doch, ich hab die Änderung gemacht, ist auch online und sofern nicht gecachte Seiten gezeigt werden, müßte die Änderung sichtbar sein,es passiert aber leider nichts. Ich schau's mir immer in der Frontend Vorschau an, da zeigt's mir jede Änderung, da sind bei mir nie keine gecachten Inhalte.
Ich muß jetzt leider ins Bett, aber wenn du mir noch eine Antwort schreibst, werde ich morgen gerne nachsehen.
Danke für deine Hilfe.

[Spooky]

//

[Schuster]

ich zieh jetzt mal einen blauen Rahmen um den Container, damit man sieht ob die Änderungen angezeigt werden.

[Spooky]

In deinem CSS ist nichts von

#container {
    position:static;
} 

zu sehen.

[Schuster]

ich glaub's nicht, jetzt funktioniert's mit dem Hintergrund auch in Google Chrome. Gibt's das? Ich glaub, mich laust der Affe. Hatte ich vorhin doch eine gecachte Seite??

Jedenfalls, vielen vielen Dank, es ist einfach toll, daß man mit eurer Hilfe so viele Probleme lösen kann.

Eine gute Nacht!

[Schuster]

doch, der Css code im Stylesheet ist aktiviert, müsste also zu sehen sein. Aber der Beweis ist doch, daß es jetzt funktioniert.

[Spooky]

Ja jetzt geht's