CSS Parallax Arbeiten in Chrome, funktionieren nicht in Safari oder Firefox

Question

http://blmprinthouse.com/blm_revamp/

Auf meinem Entwicklungsserver über die Parallaxe in der Kontakt-Seite funktioniert nicht in Safari oder Firefox. Es funktioniert absolut einwandfrei in Chrome, aber nicht in den anderen beiden. Ich hatte sogar einen Arbeitsteil erfolgreich in Safari und Firefox getestet, aber als ich es auf meine Dev-Seite importierte, tat es das nicht. Ich vermute, dass einige Einstellungen die ursprünglichen Einstellungen außer Kraft gesetzt haben, aber ich kann nicht herausfinden, wo das passiert.

Nicht nur funktioniert es nicht, aber die Zoomstufe des Hintergrunds innerhalb von Safari und Firefox ist ebenfalls deaktiviert. Die Skalierung (1) im Inspektor sorgt dafür, dass der Hintergrund perfekt in Safari und Firefox passt, verkleinert ihn dann aber auf etwa 50% der Bildschirmgröße in Chrome.

Was fehlt mir hier ??

Answer 1

Ich würde das Hintergrundbild auf andere setzen.

#home_request { 
    background-image: url(http://blmprinthouse.com/blm_revamp/wp-content/uploads/2016/06/DontBeBoring_1_Web2.jpg); 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    position: static; 
} 

Das sollte den Trick tun und auf allen Browsern angezeigt werden. Löschen Sie die CSS Sie unter haben „#home_request: vor“

Auch, wenn Sie machen diese ansprechende und mobile freundlich, Sie gehen zu wollen, dass diese in Ihrem Mobil Medien-Anfragen hinzuzufügen:

#home_request { 
    background-attachment: initial; 
} 

Sie können die richtigen Medien Abfragegerät Breiten finden Sie hier: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/