邊框半徑，Z指數，溢出破壞

Question

我有兩個div，border-radius設置爲max以使它們成爲圓圈。我在第一個圓圈中有一個標題div，其中有一個不同的background-color和overflow:hidden，因此它看起來像圓圈的頂部是不同的顏色。

第二個圓圈我想要在第一個圓圈下面，基本上是峯值。問題是，只要我設置position:relative（或其他），Chrome和Safari的標題背景顏色溢出。

這應該是可行的。幫幫我？思考？

• Red should be behind green。
• Header should be partially hidden by overflow。

Answer 1

只要嘗試在大圓上放置另一個DIV並設置位置：相對位置和Z指數。

Answer 2

我想這是有點'你在找什麼。

http://codepen.io/AntonNiklasson/pen/kxwFB

還是我失去了一些東西？