Moin Werner,
ja - das ist mir schon ganz klar, da hat JavaScript ja sein Stärken.
Es ging doch jetzt aber erst einmal darum,welche CSS das
iPhone bzw. Apple "versteht" und nicht darum irgendwelche zusätzlichen Anweisungen zu programmieren.
Das Problem ist doch hier, dass das iPhone den Hintergrund so
nicht fixieren kann und dass diese CSS Anweisungen am iPhone eben nicht funktionieren.
... nicht als CSS-Anweisung:
background-attachment: fixed;
... und auch nicht als Style am JavaScript:
hinweis.style.backgroundAttachment ='fixed';
Das wird ja auch nicht dadurch geändert, dass ich die Style-Anweisung an ein JavaScript schreibe.
Beides funktioniert
nicht am iPhone.
Dazu benötigt es eine andere CSS nur für das iPhone - eben z.B. diese (unten). Der Nachteil ist aber enorm, denn mit dieser CSS kann ich immer nur
1 Hintergrundbild auf der gleichen Seite fixieren, denn das nimmt durch diese fixierte Position ja die gesamte Höhe der Seite in Anspruch und nicht nur die Höhe vom verwendeten Container:
Code: Alles auswählen
div::before {
content: ' ';
display: block;
background-image: url('https://www.mobirise-tutorials.com/Kette.jpg');
background-position: center;
background-size: cover;
height: 100vh;
width: 100vw;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
z-index: -10;
}
Um einen
Parallax-Effekt zu erzielen wird gerne und sehr häufig der Hintergrund fixiert - eben mit der CSS-Anweisung:
background-attachment: fixed;
... und das geht nicht. Also eben auch nicht in mehreren Containern der gleichen Seite, sodass sich mehrere Parallax-Bilder
ineinander
schieben können. Das geht am iPhone nicht - an jedem anderen System schon.
Genau deswegen habe ich
diese Seite von mir genau so erstellt:
https://www.mobirise-tutorials.com/Busi ... xiert.html
Nur das
oberste Hintergrundbild mit dem Schekel funktioniert am iPhone. Alle anderen, weiteren fixierten Hintergrundbilder auf dieser Seite von mir sind am iPhone restlos korrupt.
Nicht nur, dass der Hintergrund nicht fixiert wird, sondern das Betriebssystem iOS vom iPhone stellt das Hintergrundbild dann auch noch
restlos korrupt und viel zu groß dar. Jeder der diesen CSS-Befehl verwendet, lässt seine Seite am iPhone schrecklich und unbrauchbar aussehen.
https://julia-vicentini.de/blog/backgro ... orkaround/
Das einzige was Apple dazu zu sagen hat, ist dass es ihnen vollkommen egal ist was andere Betriebssysteme darstellen, bei ihrem ist das eben so. Sie wissen also um dieses Manko und tun absichtlich nichts dagegen.