有没有办法创建一个真正的圆形div所以溢出：隐藏可以隐藏圆形区域外的div中的所有内容？

我尝试使用border-radius,-moz-border-radius,-webkit-border-radius但overflow：hidden只隐藏方形/矩形区域之外的东西. border-radius确实只是给出了一个圆圈的幻觉.

然后我想我可以创建一个PNG图像,中间有一个透明的圆形区域,周围是不透明的“背景状”区域,以隐藏圆形区域之外的东西,但又一次又是另一种错觉,当背景时它将毫无用处不是静态的,而是相应地改变屏幕宽度&高度.

那我怎么能做一个真正的圆形div？用CSS还是JS的意思？