如何创建一个内部有多个链接的圆形div

时间:2014-02-14 11:50:04

标签: html5 css3 html

我有一个有多个图层的圆圈。我的想法是让他们成为所有个人链接。例如,如果你点击外圈,你会被引用到第1页,内圈到第2页,第3页到第3页。但我不知道从哪里开始,你们中有人有想法吗? / p>

2 个答案:

答案 0 :(得分:0)

您想要创建3个div,所有div都具有以下css属性:

position: absolute
border-radius: 100% #gives you that circle

使用top: 10px; left: 10px等相应地将它们置于彼此之上,然后根据您的widthheight属性对其进行调整。

通过css中的z-index属性管理哪一个最重要。

将它们设为所有锚标签。

这是一个例子,但这些是div。

Click Me and Enjoy

答案 1 :(得分:-1)

感谢您的帮助,但我发现了一篇关于图片地图的文章,您可以在其中提供指向多个圈子的链接。