Probleme mit Safari für iphone und ipad 
Autor: Bernard N.
Besucht 310,
Followers 1,
Geteilt 0
Ich habe eine Website mit der Pro Version ( 2023.3.7 ) erstellt.
Sie funktioniert ganz wunderbar auf 7 verschiedenen Browsern der Windows und Android Systeme, bis auf den Safaribrowser von iPhone und Ipad.
Hier werden scheinbar die Hintergrundbilder in größtmöglicher Skalierung angezeigt und nicht fixiert.
Was kann ich tun?
http://www.stuckuniversum.de/
Gepostet am
Dieses Problem ist schon länger bekannt! Das ist eine Eigenheit vom Safaribrowser. Allerdings wenn man es auf Iphones anpasst, dann geht es in den anderen Browsern nicht mehr.
MAn könnte es vielleicht per Code anpassen, aber das macht am besten KolAsim!
... (It > De) ... probieren Sie diese >> SEITE aus diesem > Thema aus, in der es eine meiner Urerfindungen mit EXTRA-Code gibt, der vor einem Dutzend Jahren gemacht wurde und den ich damals für Version 12 und genau für eines dieser Geräte entwickelt hatte. i(!) ...und auch, weil in Version 12 die feste Parallaxe bei „mobilen“ Geräten im Allgemeinen schlecht funktionierte, bis sie später ausgesetzt wurde …
... ob es bei Ihnen auf Ihrem i(!) funktioniert und wenn Sie interessiert sind, ... lassen Sie es mich wissen; ...mit einer Variante meines Codes ist es möglich, den Code nur einmal gleichzeitig mit einem Klick auf alle Seiten der Website anzuwenden, mit automatischer Aktualisierung des Codes, vorausgesetzt, dass sie alle die gleichen strukturellen Merkmale haben...
.
ciao
.
Autor
Hallo an Andreas S und KolAsim,
....Bis dann.
Erst einmal vielen Dank für Ihre Antworten - Übers Wochenende hätte ich nicht damit gerechnet!
Ich werde schauen ob es mir gelingt, den Code zu nutzen und werde Ihnen berichten.
Dummerweise benutzt die Auftraggeberin der Website Safari....!
...Überprüfen Sie, ob der LINK, den ich zuvor gepostet habe, für Sie auf Safari funktioniert...
... wenn es für Sie funktioniert, lassen Sie es mich wissen und dann sende ich Ihnen meinen Code mit Anweisungen für Ihre Website ...
ciao
.
Autor
Halllo KolAsim
Ich muss gestehen, ich bin noch ein relativ neuer User von Website X5, so dass ich ein wenig überfordert bin, den Code im Quellcode der Website überhaupt eindeutig zu finden.
Und leider sind auch die im Thema befindlichen Links;
Beispiel 1
Beispiel 2 von www.kolasim-zone.it
auch nicht mehr funktionsfähig...."Seite wurde nicht gefunden"
Ich würde nicht so viel Wert auf die Funktion legen wenn nicht gerade dieser Browser von meiner Auftraggeberin genutzt würde.
ciao
... Ich habe immer noch nicht herausgefunden, ob Sie diesen LINK ausprobiert haben, den ich zuvor gepostet habe, und ob er bei Ihnen auf „Safari“ mit immer fixiertem Hintergrund funktioniert:
>> https://www.webdesign-markersdorf.at/Garden/
... Lass mich wissen, ob es für dich funktioniert ...
.
ciao
.
Autor
Hallo an KolAsim
Also das Verhalten der Website; webdesign-markersdorf.at/Garden/...funktioniert sehr gut.
Es heißt sie würde ein klein bisschen Ruckeln zu Beginn, dass sei aber ohne Bedeutung.
Das Hintergrundbild wird fixiert und auch richtig scaliert je nach Ausrichtung des iPhone - Aufrecht oder Quer.
ciao
... OK ...
<script>
$( document ).ready(function() { //K>;
/** --- para-parallasse-fisso x WSx5 by KolAsim --- **/
imgK = $("#imPageExtContainer").css('background-image');
imgK = imgK.split('url("').join('').split('")').join('');
divK='<div id="contenitoreK" style="position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:0">'+
'<div id="div_customK" style="position:absolute; top:0px; left:0px;width:100%; height:100%; z-index:0;'+
' background-repeat:no-repeat; background-image:url('+imgK+'); -webkit-background-size:cover !important ;'+
' -moz-background-size:cover !important; -o-background-size:cover !important; background-size:cover !important;'+
' background-position: center !important "></div></div>';
//---------------------------------------------------
$("body").append(divK);
$("#imPageExtContainer").css('background-image','url("")')
$("#imPageIntContainer").css('z-index','1')
}); //K<<;
</script>
.
-
... um den Code gleichzeitig für alle Seiten der Website zu aktivieren, also dieselben wie Ihr aktuelles Menü, fügen Sie den Code in Schritt_1 ein. Experte in diesem Abschnitt:
>> Schritt 1 - Einstellungen > Statistiken und Code > Funktionen im Bereich Code >
▪Benutzerdefinierter Code: > 3. (dritte) Option > Vor dem </HEAD> Tag
.
.
...wenn es keine Latenzprobleme gibt, sollte es funktionieren...
...Probieren Sie es aus und lassen Sie es mich wissen...
... in diesem Fall werden wir uns gegebenenfalls verspätet bewerben....
.
Autor
Hallo an KolAsim
Ich habe es vor dem </HEAD> Tag eingefügt
SUPERGUT!!!!!
es hat funktioniert. ich habe den Code bei jeder Hintergrundseite mit eingebaut und die Ansicht ist richtig scaliert und fixiert.
Ich danke Euch beiden sehr für die Hilfe!!
...Ich habe es überprüft und Sie haben die Eingabe richtig gemacht, und es funktioniert einwandfrei...
... Ich freue mich von Dir zu hören, dass es bei Dir auch mit Safari klappt...
ciao
.
Autor
!! Und mein Kunde ist zufrieden!!
.