图像映射在 IE 中不起作用

Posted

技术标签:

【中文标题】图像映射在 IE 中不起作用【英文标题】:Image Map Not Working In IE 【发布时间】:2011-11-05 06:14:33 【问题描述】:

我的网站上有一个图像地图,它适用于除 IE 之外的所有应用程序。

这是代码:

    <div id="content">
    <div style="text-align:center; width:302px; margin-left:auto; margin-right:auto;">
    <img id="alexpeteNav" src="nav.jpg" usemap="Aalexpetenav" border="0"    />
    <map id="BalexpeteNav" name="AalexpeteNav">
    <area shape="rect" coords="0,0,297,72" href="http://doubleohnine.com/"  title="009" />
    <area shape="rect" coords="0,68,297,140" href="about.html"  title="About alexpete" />
    <area shape="rect" coords="0,139,297,211" href="https://plus.google.com/104897364451129767176"  title="Google+" />
    <area shape="rect" coords="0,209,297,269" href="http://www.facebook.com/alexpete"  title="Facebook" />
    </map>
    </div> 
    </div>

有什么建议吗?原因?

该网站位于 www.alexpete.com。

谢谢。

【问题讨论】:

【参考方案1】:

usemap 需要一个有效的hash-name reference 到图像映射,即在映射名称之前#

我想其他浏览器在这方面会更宽容。

【讨论】:

@pekka 你能看看我的问题并帮助我***.com/q/24078704/2118383

以上是关于图像映射在 IE 中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

图像大小在 Mozilla 和 IE 中不起作用

图像上传部分中的跨浏览器图像预览在 ie8 中不起作用

图像映射在 Firefox 中不起作用!在 Chrome+Safari 中运行良好

jquery animate 在 IE-7 和 IE-8 中不起作用

jquery图像选择器在IE7中不起作用

max-width 在 Mozilla 和 IE 中不起作用