Question

如何让图像多余部分隐藏在div之下，尤其div设置圆角后 不用图片处理的方法

Answer 1

设置div1、div2，图像放在div1里面，圆角放在div2里面，两个层重叠，div1在下div2在上。

 

.test3{ overflow:hidden; background:#CCC;}

.div3,.div4{ width:200px; height:200px; overflow:hidden;}

.div4{ position:absolute; margin-top:-200px;}

 

<div class="test3">

    <div class="div3"><img src="images/1.jpg" /></div>

    <div class="div4"><img src="images/bg.png" /></div>

  </div>

 

追问

ok 貌似只要设置overflow：hidden 就好了 谢谢 圆角用的css3

Answer 2

你好，图片以背景的方式加入到DIV，这样你的DIV圆角样式就会显示出来，图片不修改也可以显示为圆角。

Answer 3

可以试试美图秀秀的圆角剪裁，1秒钟搞定