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

问题描述

| 我正在尝试获得一个弯曲的边框，该边框可在所有浏览器中使用，我认为我现在已经添加了curvycorner.js，我认为我已经实现了它。 我现在遇到的麻烦是，如果我将img放入div中，则图像的角点将位于边界角上。 此处的示例，http：//www.cozeez.co.uk/offline/test.php 有任何想法吗？ 谢谢 背风处     

解决方法

我能想到的唯一真正的答案就是使用CSS。 检查这个JSfiddle http://jsfiddle.net/gty2G/4/ 将图像设置为div的背景。     ,您只需要在

.myBox

样式声明中添加

overflow:hidden

。当您使用背景较暗的图像时，此修补程序会更明显： http://jsfiddle.net/rsobers/gty2G/     ,编辑 您的权利，您只需要添加隐藏的溢出

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

这是一个演示 更多信息 查看css3舍入角隐藏在铬opera中的溢出