照着书写了一段:
<!DOCTYPE html>
<html>
<head>
<title>More Spectacular Yosemite</title>
</head>
<body>
<p style="text-align: center;">Click on a logo to go to the different page.<br>
<img src="images/map.jpg" usemap="#colorfulmap" style="border: none;width: 600px;height: 600px" alt="Color Map"></p>
<map name="colorfulmap" id="colorfulmap">
<area shape="rect" coords="0,0,10.58,10.58" href="images/red.jpg" title="red">
<area shape="rect" coords="10.58,0,21.16,10.58" href="images/yellow.jpg" title="yellow">
<area shape="rect" coords="0,10.58,10.58,21.16" href="images/blue.jpg" title="blue">
<area shape="rect" coords="10.58,10.58,21.16,21.16" href="images/pink.jpg" title="pink">
</map>
</body>
</html>
检查了半天也没看出哪里有问题
但是在浏览器中打开那个图像没有任何超链接。。。更别说映射不同的链接了。
求大神指点
HTML关于图像映射的问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- roc_tootwo 2017-01-22 12:54关注
你图片是600*600的大小,你的点击只有10*10太小了,你把大小调成200*200就明显很多了
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥20 求一个html代码,有偿
- ¥100 关于使用MATLAB中copularnd函数的问题
- ¥20 在虚拟机的pycharm上
- ¥15 jupyterthemes 设置完毕后没有效果
- ¥15 matlab图像高斯低通滤波
- ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
- ¥15 钢筋实图交点识别,机器视觉代码
- ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
- ¥50 400g qsfp 光模块iphy方案
- ¥15 两块ADC0804用proteus仿真时,出现异常