如何在CSS中的七边形角中设置圆的位置

Question

我在我的小型网站中的正确位置设置有一些问题。

我想将所有7个圆都设置在七边形的角上。 我创建七边形：

polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);

但是我不知道如何在这个七边形的7个角上放置7个圆。

为了更好地了解屏幕：

http://i.imgur.com/b5J8Qje.jpg

我的网页中有1个角= 1个圆

现在我创建这个：

http://allekod.com/hmsol/

任何建议都会很好！ 对不起，我的英语，我相信我的问题很不稳定。

Answer 1

首先创建一个封闭所有圆的父级<div> ，并将其position设置为relative 。 之后，指定子<div>以便将每个圆括在父中，如下所示：

div.circle1 {
  position:absolute;
  top: 0; /*[Position relative to the parent]*/ 
  left:0; /*[Position relative to the parent]*/ 
}

根据七边形对齐设置每个div的属性，以使每个角都被一个圆占据。