Поддержка карт изображений в Firefox, Chrome и других браузерах - PullRequest
Новая
       9

Поддержка карт изображений в Firefox, Chrome и других браузерах

8 голосов
/ 03 апреля 2011

Поддерживаются ли карты изображений в Chrome и Firefox? w3schools, кажется, предполагает, что они .

Учитывая это, почему следующий HTML не работает? (Изображение отображается, но ссылки не работают - в IE он работает правильно) 

<img src="Images/backgroundFinal.png" usemap="#mainImageMap" alt="MainBackground" style="border: none;" />
            <map id="mainImageMap">
                <area shape="rect" alt="Home Page" title="Home Page" coords="309,198,413,223" href="Default.aspx" target="" />
                <area shape="rect" alt="About me" title="About me" coords="245,334,319,353" href="About.aspx" target="" />
                <area shape="rect" alt="Gallery" title="Gallery" coords="437,271,497,300" href="Gallery.aspx" target="" />
                <area shape="rect" alt="Tattoo" title="Tattoo" coords="249,478,307,503" href="Tattoo.aspx" target="" />
                <area shape="rect" alt="Contacts" title="Contacts" coords="395,521,464,544" href="Contact.aspx" target="" />
            </map>

1 Ответ

22 голосов
/ 03 апреля 2011

Попробуйте изменить <map id="mainImageMap"> на <map name="mainImageMap">. Вы можете сохранить id, если требуется, но просто убедитесь, что name attribute` есть.

...