expires
Der Turbo für Deinen Blog – 5 Tips WordPress schneller zu machen
In der letzten Zeit ist mir aufgefallen, daß mein WordPress-Blog nicht gerade performant ist und relativ langsam läd. Ich habe mich dem Problem angenommen und den Pageload halbiert. Weiterlesen
Beim Betrachten meiner Seite auf einem iOS-Gerät ist mir aufgefallen, daß der Safari einige Probleme mit der Interpretation von der CSS-Eigenschaft z-index hat. Das Visual, sollte eigentlich im Hintergrund bleiben und der Contentbereich sollte sich beim Scrollen über das Visual schieben. Leider blieb das Visual für einen Moment im Vordergrund, um nach dem Scrollen im Hintergrund zu verschwinden. Im Internet hatte ich mehrere Lösungen gefunden, das Problem via jQuery zu beheben. Da ich aber auf meinem Blog lediglich drei Ebenen verwende wollte ich es unbedingt via CSS lösen. Gestern Abend bin ich dann auf die Lösung gekommen.
Ein vereinfachtes Beispiel: So sieht es aus!
Im Groben ist die Seite wie folgt aufgebaut:
<div class="topline"></div>
<div class="visual"></div>
<div class="content">
<div class="innercontent"></div>
</div>
Wer hat sie nicht, die goldene Erinnerung? Mit der Zeit verblassen alle hässlichen Dinge und die schönen treten in den Vordergrund. Jetzt hatte ich das Problem, daß meine Urlaubsfotos aber die nackte Wahrheit (links) zeigen:
Die nackte Wahrheit und die goldene Erinnerung!