图像映射链接在IE或Firefox中不起作用

时间:2014-07-22 20:57:10

标签: html internet-explorer firefox imagemap

我可以在此页面上获取图片地图:http://dlibrary.libguides.com/content.php?pid=611371&sid=5051634以在Chrome中打开链接,但不能在IE和Firefox中打开。最初我的图像地图名称没有#,所以我添加了它,但仍然没有解决问题。我创建了图像地图:http://www.maschek.hu/imagemap/imgmap 这是代码:

    <p><img    src="http://lgimages.s3.amazonaws.com/data/imagemanager/77096/fall_instruction_menu2014.jpg" alt="menu page 1" height="1650" width="1275" usemap="#imgmap201472214596" />
<map id="#imgmap201472214596" name="#imgmap201472214596">
<area shape="rect" alt="Intro to College Research Presentation" title="Intro to College Research Presentation" coords="69,240,511,287" href="http://lgdata.s3-website-us-east-1.amazonaws.com/docs/2717/1161608/Research_for_College.pdf" target="_blank" />
<area shape="rect" alt="Scholarly vs Popular Resources Presentation" title="Scholarly vs Popular Resources Presentation" coords="73,875,605,920" href="http://lgdata.s3-website-us-east-1.amazonaws.com/docs/2717/1161609/Scholarly_vs_Popular.pdf" target="_blank" />
<area shape="rect" alt="Writing Research Questions Presentation" title="Writing Research Questions Presentation" coords="75,1000,541,1062" href="http://lgdata.s3-website-us-east-1.amazonaws.com/docs/2717/1161610/Research_Questions.pdf" target="_blank" />
<area shape="rect" alt="Developing Search Terms Presentation" title="Developing Search Terms Presentation" coords="76,1147,504,1197" href="http://lgdata.s3-website-us-east-1.amazonaws.com/docs/2717/1161611/Developing_Search_Terms.pdf" target="_blank" />
<area shape="rect" alt="Database Search Strategies Presentation" title="Database Search Strategies Presentation" coords="73,1325,535,1373" href="http://lgdata.s3-website-us-east-1.amazonaws.com/docs/2717/1161612/Search_Strategies_for_Databases.pdf" target="_blank" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map></p><p>
    <img src="http://lgimages.s3.amazonaws.com/data/imagemanager/77096/fall_instruction_menu20142.jpg" alt="menu page 2" height="1650" width="1275" usemap="#imgmap2014722155240"/>
<map id="#imgmap2014722155240" name="#imgmap2014722155240">
<area shape="rect" alt="Ultimate Research Combo Presentation" title="Ultimate Research Combo Presentation" coords="72,725,854,812" href="http://lgdata.s3-website-us-east-1.amazonaws.com/docs/2717/1161613/Ultimate_Research_Combo.pdf" target="_blank" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map></p>

什么可能阻止链接在IE和Firefox中打开?

1 个答案:

答案 0 :(得分:1)

<image />标记中,这是正确的:usemap="#imgmap201472214596"

usemap是对name的{​​{1}}的引用,没有主题标签:

<map />

我很确定当您删除<map id="imgmap201472214596" name="imgmap201472214596"> ^---------- 并确保所有标记都已正确写入并且所有引号都完好无损时,它就可以正常工作。