如何解决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中的溢出
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。