所以我试图在jQuery / css / html页面中使用face作为导航工具。最好的方法是通过切割鼻子和嘴巴等眼睛的每个元素,然后使用html上的方形div来对齐它们?我觉得无论我尝试多少都不会最终正确对齐?有人有什么建议吗?
答案 0 :(得分:3)
或者您可以使用图片地图:http://www.w3schools.com/TAGS/tag_map.asp
编辑正如尼克在评论中指出的那样,你也可以拥有圆圈形状。头部和眼睛等的最佳选择
答案 1 :(得分:2)
我会将图像完整保留为单个背景图像,并将不可见的<a>
标记放在适当的位置以充当链接
答案 2 :(得分:1)
我不会在这里使用CSS精灵,而是将其保留为单个图像,并使用锚标记等覆盖每个“热点”。然而,CSS精灵真的很酷,而在其他类似场景中可能是最好的解决方案。
答案 3 :(得分:0)
做SVG吗?您仍然可以使用javascript来操作SVG文档各部分的位置。