ImageMapster rendert einige Bereiche nur im Internet Explorer nicht

StackOverflow https://stackoverflow.com//questions/11713938

Frage

Ich benutze ImageMapster, um Füllungen und Umrisse um Imagemap-Bereiche zu generieren, es gibt mir Probleme damit, dass der IE etwas nicht anzeigt, mit dem Chrome, Safari, Firefox absolut kein Problem haben.

http://sa-neighborhoodsustainability.org/map1a.php

beim Öffnen des obigen Links im IE gibt es 2 Bereiche, die weiß bleiben.dies sind Bereiche, die einen größeren Bereich überlappen und von diesem mit einer Wiederholung des Bereichs und einem nohref-Tag zusammen mit demselben Namen wie der größere Bereich ausgeschlossen sind.

Hat jemand eine Idee?

Danke

War es hilfreich?

Lösung

Es sieht so aus, als ob hier ein paar Dinge im Spiel sind.Erstens - wenn ich diesen Link in IE9 öffne, wird er im "Quirks" -Modus gerendert.Ihr HTML hat keine DOCTYPE, HTML oder BODY Tags.HTML5 ermöglicht es Ihnen technisch wegzulassen HTML, HEAD und BODY, obwohl es Leute wie mich immer noch verrückt macht, das zu sehen.Es erlaubt Ihnen jedoch NICHT, das wegzulassen DOCTYPE Tag.Es scheint, dass IE9 standardmäßig den Quirks-Modus verwendet, wenn es keine gibt DOCTYPE Sie sollten also damit beginnen, das hinzuzufügen:

<!doctype html>

Das sollte das IE9-Problem lösen.

Das gleiche Problem wird weiterhin in IE6-8 auftreten.Dies liegt jedoch an den Einschränkungen dieser Browser bei der Verwendung von Bereichen innerhalb von Bereichen.

Es gibt eine Option namens fillColorMask damit können Sie die Füllfarbe angeben, die für Innenbereiche für IE6-8 verwendet werden soll, da Masken nicht wirklich funktionieren.Ich entschuldige mich, weil mir gerade klar wurde, dass dies nicht wirklich dokumentiert ist.In Ihrem Fall sollten Sie einstellen 

fillColorMask: '8CAD5A'

für den linken Bereich und 

fillColorMask: '99BA67'

für den rechten Bereich (diese Farben stimmen mit der Farbe überein, mit der sie bereits gefüllt sind, sodass ihnen anscheinend nichts passiert).

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top