IE7 und 8 hängt zufällig auf CSS-Bildern

Question

Wir haben eine ASP.NET 3.5-Anwendung, die seit über einem Jahr in Produktion ist. Unsere letzte Veröffentlichung war vor ein paar Monaten. Wir verwenden CSS zum Formatieren und Anwenden von Hintergrundbildern auf divs und ähnliches. Der Server ist Windows 2003 mit IIS.

Plötzlich hatten wir in dieser Woche Berichte von einigen Benutzern, dass die Seite beim Laden auflegen scheint. Die Statusleiste zeigte den Namen eines Hintergrundbildes, das im Hauptbereich der Seite verwendet wurde (zugewiesen in CSS). In unserem Büro konnten einige von uns das Problem neu erstellen, andere nicht. IE6 und Firefox scheinen nicht betroffen zu sein, nur IE7/8. Fiddler auf einem betroffenen Rechner laufen zu lassen und zu sehen, was mit den Anfragen passiert ist, schien das Problem verschwinden zu lassen (während es durch Fiddler lief, kehrte es zurück, wenn nicht). Wenn Sie die Refresh-Funktion auf eine gehängte Last anwenden, wird die Seite oft gut geladen.

Ich überprüfte das Hintergrundbild und ersetzte es sogar durch eine archivierte Kopie. Keine Freude. Wir haben die App von unserer Produktionsquelle erneut implementiert. Keine Freude. Wir haben IIS neu gestartet und den gesamten Server neu gestartet. Es gibt keine ungewöhnlichen Einträge in den Ereignisprotokollen, den App-Protokollen oder den IIS-Protokollen. Schließlich habe ich das Bild vollständig entfernt und die Seite neu formatiert, um kein Hintergrundbild zu verwenden. Das hat das Problem zumindest für den Moment gelöst.

Allerdings haben wir Berichte von anderen Bildern "hängen". Die Bilder sind PNGs, aber ich habe einige Gerüchte gehört, dass manchmal ein GIF hängt, aber ich habe keinen Screenshot zur Bestätigung.

Dies geschah gerade "aus heiterem Himmel". In letzter Zeit wurden keine Versionen oder Updates auf den Server angewendet. Wir haben sogar Updates auf Clients überprüft, um zu sehen, ob ein aktuelles Windows Update dies auf dem Client verursacht hat, aber es wurde in den letzten Wochen nichts aktualisiert.

Wenn Sie irgendwelche Informationen zu diesem Problem haben, würde ich mich freuen, von Ihnen zu hören. Ich würde auch alle Empfehlungen für zusätzliche Diagnostik, die wir ausprobieren können, sehr schätzen.

Answer 1

Werden die Bilder auf demselben Server/derselben Website gehostet wie die Hauptseite? Könnte es sich um ein Netzwerk/DNS-Problem handeln?

Answer 2

Kann ich vorschlagen, dass Sie sich Ihre PNG-Version/Inhalte genauer ansehen?

PNG-Dateien unterstützen Alpha-Kanäle, die eine Form der Transparenz bieten. IE 6 unterstützt keine Alphakanäle und kann daher Ihre Bilder unterschiedlich verarbeiten. IE 7 & 8 unterstützen Alpha-Kanäle.

Answer 3

Sind die Bildnamen zufällig camelCased oder PascalCased? Wir hatten Probleme mit Bildern, die nicht alle klein waren. Wenn Sie zu einem CDN wie S3 wechseln, sollten Sie auch sicherstellen, dass alles klein ist (nur für den Fall).

Pls post CSS und einen verschleierten Pfad zu der Datei.

Answer 4

Tritt dies sowohl in Ihrem Intranet als auch in externen Quellen auf? Wurde dies außerhalb des internen Netzwerks getestet? (Dies klingt, als könnte es mit DNS zusammenhängen.)

Answer 5

Es gibt eine Reihe von Möglichkeiten für diesen Fehler offensichtlich, aber ich konfrontiert das Problem, ich war in der Lage, das Problem zu beheben, und so dachte ich, ich würde mit dem teilen Gemeinschaft meine Lösung.

hatte ich so etwas wie

background-image: url("/myapp/images/expand_title_off.gif"); 
background-repeat: no-repeat; 
background-position: center center; 

innerhalb eines style-Attribut für ein span-Element.

Für IE7, ich kombiniert alle diese in einem einzigen Hintergrund Eigenschaft wie

background:url("/myapp/images/expand_title_off.gif") no-repeat center center; 

IE7 nicht allzu freundlich aussehen zu versuchen, die spezifischen Eigenschaften zu verwenden. Für mich funktionierte sowohl der alte als auch der neue Stil gut mit Chrome, also definitiv ein IE7 Problem.