html – firefox,chrome和其他浏览器中的图像映射支持

前端之家收集整理的这篇文章主要介绍了html – firefox,chrome和其他浏览器中的图像映射支持前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
chrome和firefox是否支持图像映射? w3schools seems to suggest they are.

鉴于此,为什么以下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>

解决方法

尝试更改< map id =“mainImageMap”>到< map name =“mainImageMap”>.如果需要,您可以保留id,但只需确保nameattribute`存在.

猜你在找的HTML相关文章