如何制作页脚的图像映射

Question

我正在尝试将导航栏固定在页面的右下角，我已经完成了，我正准备制作一张图像地图，直到我进入Dreamweaver并且我的图像不均匀突然出现，我会手动做，直到我想知道，这甚至会工作吗？ （因为它实际上一直在移动，很难在它上面做坐标。）我如何将我的图像变成可操作的可点击按钮？

Answer 1

如果您无法让Dreamweaver合作，您可以随时尝试这样的网络应用程序：

http://www.image-maps.com/

我自己没有使用它，但看起来你上传了一张图片，该网站可以帮助你绘制你的区域，并在你完成后下载代码。

Answer 2

如果您发现难以映射图片，请使用position: relative;作为容器，稍后使用<a>并使用以下样式

a {
   display: block;
   height: 30px; /* Set accordingly */
   width: 30px; /* Set accordingly */
   position: absolute;
   /* Now set top, bottom, left, right according to your requirements */
}

只是旁注，请使用border: 1px solid #f00;，以确保您的<a>包装已决定的目标，稍后您可以删除或禁用边框。

此外，您可以:nth-of-type使用<a>，因此您无需为每个<a>元素声明类