私はImageMapsterを使用して、画像マップ領域の周りに塗りつぶしとアウトラインを生成しています。これにより、IEで、chrome、safari、Firefoxでまったく問題のないものが表示されないという問題が発生します。
http://sa-neighborhoodsustainability.org/map1a.php
IEで上記のリンクを開くと、白のままの2つの領域があります。これらは、より大きな領域と重なる領域であり、より大きな領域と同じ名前を共有するとともに、その領域の繰り返しとnohrefタグによって除外されます。
誰かアイデアがありますか？
ありがとう
ここでいくつかのことが行われているようです。まず、IE9 でそのリンクを開くと、「quirks」モードでレンダリングされます。DOCTYPEHTML に、HTMLまたはBODYタグがありません。HTMLHTML5 では、技術的には, HEADandを省略できますがBODY、それでも私のような人はそれを見てびっくりします. DOCTYPEただし、タグを省略することはできません。ない場合、IE9 はデフォルトで quirks モードに設定されているDOCTYPEようです。
<!doctype html>
これで IE9 の問題は解決するはずです。
この同じ問題は、IE6-8 でも発生します。ただし、これはエリア内のエリアを使用する場合のブラウザの制限によるものです。
fillColorMaskマスクは実際には機能しないため、IE6-8 の内部領域に使用する塗りつぶしの色を指定できるというオプションがあります。これが実際には文書化されていないことに今気付いたので、お詫び申し上げます。あなたの場合、設定する必要があります
fillColorMask: '8CAD5A'
左側の領域、および
fillColorMask: '99BA67'
適切な領域 (これらの色は既に塗りつぶされている色と一致するため、何も起こらないように見えるはずです)。