Hi Community,
ich habe eine Webseite gebaut, die ein Problem in FF hat. Jetzt bin ich auf der Fehlersuche und würde mich freuen, wenn mir jemand helfen kann. Vorallem wäre es wichtig zu wissen, ob das ein FF-spezifisches Problem ist. Eventuell könnte man sogar noch weiter einschränken: Eigentlich habe ich nur Fehlerreports bei FF am Mac.
Das Problem: Die Seite hat einen langsamen Überblendeffekt der in CSS durch transistion und opacity definiert ist: 2 nahezu identische Bilder liegen übereinander, das obere ist verlinkt. Wenn man mit dem Cursor über das Bild fährt, also a:hover aktiviert, erhält das obere Bild die opacity: 0, wird also durchsichtig und das untere Bild wird sichtbar.
Das funktioniert wunderbar, aber einige User haben beobachtet, dass das Bild beim Fade-Out ruckelt. Es tanzt um ca. ein Pixel nach links und schiebst sich dann wieder zurück. Nach einiger Recherche habe ich festgestellt, dass das Problem vorallem im FF am Mac auftritt. Wahrscheinlich ist es ein Problem der relativ langen transition-time, denn wenn man die transition-time weggibt, also einen harten Übergang erzwingt, funktioniert es problemlos.
Meine Fragen:
1) Ist dieses Problem mit transition im FF bekannt? Falls ja, dann habe ich die Fehlerquelle identifiziert.
2) Könntet ihr bitte zu diesen Seite sehen:
- http://www.raphael-bolius.com/webentwicklung…rsys/starttest/
Ausser dem Concept-Video unten links kann jedes Bild zum Testen genutzt werden, das Bild oben rechts (short on time) hat eine sehr kurze Transition-time, da tanzt nichts. Die anderen Bilder ruckeln unangenehm.
- http://www.raphael-bolius.com/webentwicklung/flavoursys/ Dies ist ein Test in einer anderen Technik, es gibt nur ein Bild.
DANKE!!!
(hab schon viereckige Augen)
Bio