切割人脸以获取链接

时间:2011-02-24 18:05:50

标签: jquery html css image html5

所以我试图在jQuery / css / html页面中使用face作为导航工具。最好的方法是通过切割鼻子和嘴巴等眼睛的每个元素,然后使用html上的方形div来对齐它们?我觉得无论我尝试多少都不会最终正确对齐?有人有什么建议吗?

4 个答案:

答案 0 :(得分:3)

或者您可以使用图片地图:http://www.w3schools.com/TAGS/tag_map.asp

编辑正如尼克在评论中指出的那样,你也可以拥有圆圈形状。头部和眼睛等的最佳选择

答案 1 :(得分:2)

我会将图像完整保留为单个背景图像,并将不可见的<a>标记放在适当的位置以充当链接

答案 2 :(得分:1)

我不会在这里使用CSS精灵,而是将其保留为单个图像,并使用锚标记等覆盖每个“热点”。然而,CSS精灵真的很酷,而在其他类似场景中可能是最好的解决方案。

http://www.alistapart.com/articles/sprites

答案 3 :(得分:0)

做SVG吗?您仍然可以使用javascript来操作SVG文档各部分的位置。