Hallo zusammen,

ich habe ein Problem. Mit:

<style type="text/css">
/*<![CDATA[*/ 
 
.jqbga-slider--image, .jqbga-web--image {
  background-attachment: fixed;          
}
   /*]]>*/ 
</style>
 

habe ich das Hintergrundbild fixiert und dies wird auch im normalen Browser korrekt umgesetzt. Schaue ich mir die Seite jedoch über das iPad und iPhone an, ist das Hintergrundbild leider nicht fixiert. Ich habe da heute bereits lange im Internet gesucht. Aber alle Lösungen die da angegeben waren, haben mich nicht weiter gebracht. Ich bin da auch Anfänger im CSS-Bereich. Kann mir da Jemand helfen?

Vielen Dank,
Sigi

Schade, dass ein fixed bei background nicht funktioniert. Habe mal im Internet gesucht. Es gibt wohl nee jQuery Lösung unter:

jQuery Lösung

und eine Cross-Browser-Lösung unter:

Cross-Browser-Lösung

Habe aber leider beides nicht hinbekommen.

Moin,
ich habe damit bei Jimdo kein Problem. Auf www.region-hamburg.de/landkreis ist auch auf dem ipad der Hintergrund fixiert. Nur bei wordpress funktioniert das bei mir nicht.

und wie hast Du das hinbekommen?

Das funktioniert auch soweit.

Jetzt gibt es bei mir allerdings ein weiteres Problem. Ich habe Parallax 3 eingebaut. Also insgesamt darüber drei Spalten wo auch ein Hintergrundbild hinterlegt ist. Angesprochen und bearbeitbar werden die Spalten so wie ich das sehe über .bgimg-7

Da steht aktuell im Header:

.bgimg-6, .bgimg-7 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 

und

.bgimg-7 {
  background-image: url("https://image.jimcdn.com/app/cms/image/transf/none/path/s1e7b7e285b174df5/image/ifd6472d6b5bd7fce/version/1522446437/image.jpg");
  min-height: 50px;
 

Ich kriege das background-image der drei Spalten allerdings über IOS nicht fixiert, über den PC und dessen Webbrowser schon.



Ist doof zu erklären. Am besten einfach mal anschauen unter www.bueroassistenz-krieger.de

Gibt es dafür eine Lösung?

Habe das CSS sogar noch um .bgimg-7 ergänzt, also so:

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-7 {
        background-attachment: fixed;
    }
}
 

Leider keine Veränderung im IOS-Browser

Ich habe den Link zu Parallax nicht mehr. Bin mir jetzt auch unsicher, ob es Parallax 3 war. Aber eigentlich schon, denn die Dateien sind anders als bei Parallax 1.5.0. Kannst Dir aber gerne das komplette Paket was ich runtergeladen habe, von meiner Webseite laden. Habe ich da mal gerade hochgeladen:

Parallax

Hat auf Anhieb funktioniert, ohne dass ich etwas gemacht habe. Zumindest mit dem Theme Barcelona.

mhhhh, leider habe ich "Rome" in Verwendung.

Schade, dass es bei Parallax-3 nicht funktioniert. Vielleicht gibt es ja noch irgend eine Lösung. Eigentlich gibt es für alles eine Lösung, oder?