Ich schon wieder... sorry
Ich teste gerade mit verschiedenen Browsern die Webseite.
Bei den "Andoid & Windows" Browsern ist ja alles gut soweit.
Das Iphone und Ipad machen Probleme mit dem Safari Browser.
Es sind keine Hintergrundbilder sichtbar.
Weder im Headerbereich noch bei Top bzw Bottom Sectionen
Bei dem Safari, den ich auf Windows installiert habe, habe ich auch bei der Template Demo JP Design nichts im Hintergrund
Gehe ich mit dem Ipad oder Iphone auf das Demo Template, sieht man etwas, auf meiner Webseite
beauty-elements.de
sehe ich nichts vom Hintergrund.
Wir hatten ja den Hintergund in der custom.css erweitert mit
Code:
/* Hintergund beim Logo Transparenz*/
/* Header
-------------------------------------------------*/
.header {
background:rgba(255, 255, 255, 0);
}
/*Overlay transparent grün*/
.sprocket-mosaic-g-effect {position: absolute;bottom: 0;left: 0;right: 0;top: 0;width: 0;height: 0;opacity: 0;background: #b9ddce9e;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;-webkit-backface-visibility: hidden;-webkit-transform: translatez(0);}
/*Hintergrund wechsel bei mobiler Ansicht*/
@media only screen and (max-width: 480px) {
.header::before {
background: rgba(0, 0, 0, 0) url("/images/beautybg/facenaturebemobil2.jpg") no-repeat fixed 50% 0 / cover !important;
}
}
Kann man den Safari da mit einbinden, das auch dort der Hintergrund angezeigt wird?
Vielen Dank für Ihre Bemühungen!
Offline
