html – 图像上的圆角

概述http://jsfiddle.net/48Y37/ 我想要在图像顶部的两个角落的圆角.它在技术上是在那里,但被图像覆盖.我已经看了整个网络,我看到人们谈论溢出：隐藏;甚至是JavaScript(我尽可能避免),但是我从来没有将它实现到我现有的代码片段上. 提前致谢. <section class="container"> <header> <img src="http:/ http://jsfiddle.net/48Y37/

我想要在图像顶部的两个角落的圆角.它在技术上是在那里,但被图像覆盖.我已经看了整个网络,我看到人们谈论溢出：隐藏;甚至是JavaScript(我尽可能避免),但是我从来没有将它实现到我现有的代码片段上.

提前致谢.

<section >    <header>        <img src="http://i.imgur.com/CpL8u.png"  />    </header>    <section >        Lorem ipsum blahblah I don't kNow the rest.    </section></section>

CSS：

header {    wIDth: 640px;    margin-left: -10px;    margin-top: -10px;}section.container {    background: #fff;    wIDth: 620px;    margin: auto;    -moz-border-radius: 10px;    border-radius: 10px;    padding: 10px;    Box-shadow: 0px 0px 20px #888;}section.body {    margin-top:10px;}

解决方法 您需要为该图像添加border-radius： http://jsfiddle.net/WouterJ/48Y37/1/ 总结

以上是内存溢出为你收集整理的html – 图像上的圆角全部内容，希望文章能够帮你解决html – 图像上的圆角所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。