Safari Bildrendering Bug

Question

Hat jemand anderes dies gefunden. Immer wenn die Bilder vom Browser geladen werden, wird nur die letzte Hälfte des Bildes angezeigt. Wenn ich mit der Maus irgendwo im grünen Bereich bin, wird sofort der Rest des Bildes angezeigt.

Was Sie hier sehen, ist ein <div> mit einem Hintergrundbild und einem innerhalb der genannten <div>.

Ich habe dieses Problem mit Safari 3.2.3 für Windows und meine Kollegen haben dies mit der Mac-Version gesehen. Keiner der anderen Browser, in denen ich dies getestet habe, scheint denselben Fehler zu zeigen. Ich habe in IE8, IE7, IE6, FF3, Chrome und Opera getestet.

Lassen Sie mich wissen, wenn Sie von Korrekturen gehört haben. Vielen Dank. 1% auf den betroffenen div oder auf ein Element darin verschachtelten:

Safari Image Bug http://www.pixelwhiskey.com/images/safari_image_bug.jpg

Answer 1

Versuchen PNGs statt, wenn GIFS

Answer 2

ich Probleme ähnlich wie dies mit dem IE gesehen habe Rendering, indem Höhe gelöst. Ich habe es noch nie in Safari gesehen.

Answer 3

Überprüfen Sie alle Elemente in der Nähe des Bildes in Firebug (ja, ich weiß, das Problem ist in Safari) und stellen Sie sicher, keiner von ihnen hat die falsche Größe aus irgendeinem Grund, und keiner von ihnen hat übermäßige Polsterung, die das Bild eindringt Du siehst nicht richtig. Versuchen Sie auch, overflow: visible; auf den Stil für verschiedene Elemente in der Nähe einzustellen; Ich habe in der Vergangenheit Mouse-Over-Flicker gesehen, aber nichts, was mit CSS nicht überwunden werden konnte.