如何在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的屬性，以使每個角都被一個圓占據。