Javascript 真正的循环<；部门>；通过css或js方式

有没有办法创建一个真正的循环div，以便

溢出：hidden

可以将div中的所有内容隐藏在循环区域之外

我尝试使用

border radius，-moz border radius，-webkit border radius

但是

溢出：隐藏

仅隐藏方形/矩形区域之外的内容<“代码>边界半径”实际上只是给人一种圆的错觉

我想我可以创建一个PNG图像，中间有一个透明的圆形区域，它被不透明的“背景”区域包围，把东西隐藏在圆形区域之外，但它又是另一个幻象，当背景不是静态的，而是随着屏幕宽度和高度的变化而变为无用时，它将是无用的。p>

---

那么我如何制作一个实数循环div呢？通过CSS或JS方式？

遵循这些链接可能会对您有所帮助

---

谢谢你们的评论

---

我刚想出来。之前我只设置了

边框半径，-moz边框半径，-webkit边框半径

，没有设置

边框：1px纯色

，因此形成了一个圆形区域，而没有

溢出：隐藏

正常工作。CSS3的另一个奇怪行为。

边框半径

约束背景，如果这有帮助的话。@Beetroot Beetroot尝试了很多次：它在大多数浏览器中都没有。在IE中没有，但我认为有一种方法在Chrome和Firefox中都有效。@JanDvorak听起来不错。心灵共享：）？真的，那么我不久前写的某个小部件在大多数浏览器中都不起作用。。。。但确实如此！谢谢+1它非常有用！但是

overflow:hidden

没有按我们预期的方式工作的真正原因是因为我没有设置

边框：1px solid[color]

谢谢@cartogram如果您试图隐藏绝对定位元素，请确保这些绝对定位元素的容器是相对定位的。相对、固定或绝对本身。只是不是静态的；）