Карта изображений работает в Internet Explorer, но не в Chrome

Question

Карта изображений работает в Internet Explorer, но не в Chrome

1

Я создал страницу с отображением изображений, используя приведенный ниже код. Отображение работает в Internet Explorer 10, 11, Edge и FireFox, но не работает в Chrome. Любая идея, что мне не хватает?

<center><img src="Live View.png" width="1024" height="768" border="0" 
usemap="#map" /></center>
<map id="Map" name="Map">
<area shape="rect" coords="530,50,650,100" href="live view.html" target="_self" />
<area shape="rect" coords="662,58,821,118" href="Setup.html" target="_self" />
<area shape="rect" coords="315,550,370,520" href="1x1.html" target="_self" />
<area shape="rect" coords="390,550,445,520" href="2x2.html" target="_self" />
<area shape="rect" coords="455,550,505,520" href="3x3.html" target="_self" />
<area shape="rect" coords="525,550,650,520" href="fullscreen.html" target="_self" />    
</map>

Adam Westrum 09 авг. 2017, в 03:03

Источник

Теги:

javascript

internet-explorer-11

html5

google-chrome

firefox

1 ответ

Ещё вопросы

Robby Cornelissen · Accepted Answer · 2017-08-08T22-45-00.000Z

Ваши идентификаторы не совпадают. Вы ссылаетесь на #map в элементе изображения, но ваш идентификатор Map - Map. Идентификаторы чувствительны к регистру.

После исправления идентификаторов все работает отлично в Chrome:

<center><img src="http://via.placeholder.com/1024x768" usemap="#map"></center>
<map id="map" name="map">
<area shape="rect" coords="530,50,650,100" href="live view.html" target="_self" />
<area shape="rect" coords="662,58,821,118" href="Setup.html" target="_self" />
<area shape="rect" coords="315,550,370,520" href="1x1.html" target="_self" />
<area shape="rect" coords="390,550,445,520" href="2x2.html" target="_self" />
<area shape="rect" coords="455,550,505,520" href="3x3.html" target="_self" />
<area shape="rect" coords="525,550,650,520" href="fullscreen.html" target="_self" />    
</map>

Боже мой, я идиот. Спасибо вам большое!