Çocukluğundan içeriği maskelemek için bir üst div üzerinde yuvarlak köşelere ihtiyacım var. overflow: hidden
basit durumlarda çalışır, ancak ebeveyn nispeten veya kesinlikle konumlandırıldığında webkit tabanlı tarayıcılarda ve Opera'da kırılır.
Firefox ve IE9'da çalışır:
CSS
#wrapper {
width: 300px;
height: 300px;
border-radius: 100px;
overflow: hidden;
position: absolute;
}
#box {
width: 300px;
height: 300px;
background-color: #cde;
}
HTML
<div id="wrapper">
<div id="box"></div>
</div>
Yardım için teşekkürler!
GÜNCELLEME: Bu soruna neden olan hata Chrome'da düzeltildi. Ancak Opera veya Safari'yi tekrar test etmedim.