ImageMapster не отображает некоторые области только в Internet Explorer

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

Вопрос

Я использую ImageMapster для создания заливок и контуров вокруг областей карты изображений, это вызывает у меня проблемы с тем, что IE не отображает то, с чем у Chrome, safari, Firefox нет абсолютно никаких проблем.

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

при открытии приведенной выше ссылки в IE есть 2 области, которые остаются белыми.это области, которые перекрывают большую область и исключаются из нее с повторением области и тегом nohref, а также с общим именем, совпадающим с именем большей области.

У кого-нибудь есть идеи?

Спасибо

Это было полезно?

Решение

Похоже, здесь замешана пара моментов.Во-первых, когда я открываю эту ссылку в IE9, она отображается в режиме "причуды".Ваш HTML-код не имеет DOCTYPE, HTML или BODY Теги.HTML5 технически позволяет вам опустить HTML, HEAD и BODY, хотя таких людей, как я, это все еще пугает, когда они это видят.Однако это НЕ позволяет вам опустить DOCTYPE бирка.Похоже, что IE9 по умолчанию переключается в режим quirks, когда нет DOCTYPE итак, вы должны начать с добавления этого:

<!doctype html>

Это должно решить проблему с IE9.

Эта же проблема по-прежнему будет появляться в IE6-8.Однако это связано с ограничениями этих браузеров при использовании областей внутри областей.

Существует опция, которая называется fillColorMask который позволяет вам указать цвет заливки для использования во внутренних областях для IE6-8, поскольку маски на самом деле не работают.Я приношу извинения, потому что я только сейчас понял, что на самом деле это не задокументировано.В вашем случае вы должны установить 

fillColorMask: '8CAD5A'

для левой области, и 

fillColorMask: '99BA67'

для нужной области (эти цвета соответствуют цвету, которым они уже заполнены, поэтому должно казаться, что с ними ничего не происходит).

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top