Javascript 在曲线边框上方的Div标签显示中需要Img帮助吗

我正在尝试获得一个曲线边框，它可以在所有浏览器中使用，我想我已经通过我找到的curvycorner.js插件实现了这一点

我现在遇到的麻烦是，如果我把一个img放在div中，图像的角就会覆盖在边界角上

举个例子

有什么想法吗

谢谢

李

编辑 你的权利你只需要添加溢出隐藏

.myBox {


    display: inline-block;

    text-align: left;

    border-top: 3px solid #0F0;

    border-bottom: 3px solid #0F0;

    border-left: 3px solid #000;

    border-right: 3px solid #000;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

overflow:hidden
}

这里有一个

更多信息

---

签出您只需要将

溢出：隐藏
添加到
.myBox
样式声明中。当您使用背景较暗的图像时，修复更为明显：

我能想到的唯一真正的答案是使用CSS

检查这个JSfiddle


将图像设置为div的背景。
好的，我可以试试。。。尽管如此，这并不是主要问题：-）在我的chrome浏览器中不工作，图像仍然覆盖边界溢出：隐藏仅隐藏剪裁区域之外的内容，元素上的边界位于剪裁区域内，因此它仍然显示在其上。但是如果你看的话，你可以看到图像没有显示在边界之外。可能值得在其中添加第二个div作为边框或类似的内容。@Decad这是一个很好的解释，我也在想，但是仅仅为了边框，覆盖div有点凌乱lolIt是的，我想不出一种方法来获得你想要的。图像仍然覆盖了边框。。。这只是我的chrome浏览器吗？@Lee可能吧？我使用的是Chrome 11.0.696.68。这很酷，它要求图像是div的背景图像是的，它需要为div设置宽度和高度，但这是获得带边框的圆形图像的唯一方法，而不需要以某种方式处理图像。