需要帮助Img内的Div标签显示弯曲的边框

Question

我正在努力获得一个可以在所有浏览器中使用的曲线边框，我认为我现在已经实现了一个curvycorner.js添加我已找到。

我现在遇到的麻烦是，如果我在div中放置一个img，图像的角落就会出现在边角处。

示例，http://www.cozeez.co.uk/offline/test.php

有什么想法吗？

由于

利

Answer 1

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

检查这个JSfiddle

http://jsfiddle.net/gty2G/4/

将图像设置为div的背景。

Answer 2

修改 你的权利你只需要添加溢出隐藏

.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
}

继承人demo

更多信息 看看css3-rounded-corners-hide-overflow-in-chrome-opera

Answer 3

您只需要将overflow:hidden添加到.myBox样式声明中。使用背景较暗的图像时，修复更明显：

http://jsfiddle.net/rsobers/gty2G/