循環 div のオーバーフローを隠そうとしています。その子 div は、コンテナー領域の外側では非表示になります (良い) が、半径領域の外側のみでは表示されたままになります (悪い)。
.outer{
position:relative;
border-radius: 50%;
width: 200px;
height: 200px;
background:#dedede;
overflow: hidden;
}
.inner{
position: absolute;
top:150px;
left:150px;
width: 50px;
height: 50px;
background-color: red;
background:#98de45;
}
全体として、 http://buildinternet.com/project/mosaic/1.0で効果を達成したいのですが、円を使用しています - これを行う方法はありますか?
フィドル: http://jsfiddle.net/a9Feu/
編集: これは Firefox と IE 10 では正常に動作しますが、Chrome や Safari では動作しません