由于某种原因,我的图片映射在Internet Explorer之外的所有浏览器中都可以使用,
由于使用Mac,我似乎无法弄清楚原因,也无法非常准确地对其进行测试。
<div id="joinnow">
<div style="text-align:center; width:358px; margin-left:auto; margin-right:auto;">
<map id="imgmap20131021153742" name="imgmap20131021153742"><area shape="rect" alt="" title="" coords="23,26,162,109" href="https://signup.myiclubonline.com/iclub/signup/home.htm#plans?clubNumber=3790" target="_blank" /><area shape="rect" alt="" title="" coords="22,114,158,188" href="https://signup.myiclubonline.com/iclub/signup/home.htm#plans?clubNumber=4790" target="_blank" /><area shape="rect" alt="" title="" coords="201,103,340,185" href="http://therac.wufoo.com/forms/z7x4a3/" onclick="window.open(this.href, null, 'height=825, width=475, toolbar=0, location=0, status=1, scrollbars=1, resizable=1'); return false" title="TheRAC" /></map>
<img src="http://www.therac.net/images/joinnow.jpg" USEMAP="#imgmap20131021153742" />
</div>
</div>
ID为“ joinnow”的
div
的CSS是...#joinnow
{
font-size:18px;
font-weight:500;
font-family:Tahoma, Geneva, sans-serif;
color:#fff;
text-align:center;
position:relative;
float:right;
background-image:url(images/joinnow.jpg);
height: 195px;
width:179px;
}
在此先感谢您提供的任何帮助!
最佳答案
Internet Explorer 11在这里工作正常
usemap是小写的
<div id="joinnow">
<div style="text-align:center; width:358px; margin-left:auto; margin-right:auto;">
<map id="imgmap20131021153742" name="imgmap20131021153742"><area shape="rect" alt="" title="" coords="23,26,162,109" href="https://signup.myiclubonline.com/iclub/signup/home.htm#plans?clubNumber=3790" target="_blank" /><area shape="rect" alt="" title="" coords="22,114,158,188" href="https://signup.myiclubonline.com/iclub/signup/home.htm#plans?clubNumber=4790" target="_blank" /><area shape="rect" alt="" title="" coords="201,103,340,185" href="http://therac.wufoo.com/forms/z7x4a3/" onclick="window.open(this.href, null, 'height=825, width=475, toolbar=0, location=0, status=1, scrollbars=1, resizable=1'); return false" title="TheRAC" /></map>
<img src="http://www.therac.net/images/joinnow.jpg" usemap="#imgmap20131021153742" />
</div>
</div>
。
#joinnow
{
font-size:18px;
font-weight:500;
font-family:Tahoma, Geneva, sans-serif;
color:#fff;
text-align:center;
position:relative;
float:right;
background-image:url('images/joinnow.jpg');
height: 195px;
width:179px;
}
http://jsfiddle.net/6LN6C/2/
关于html - 图像映射在资源管理器中不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19576711/