Question

我尝试了溢出：隐藏了一个背景的隐藏解决方案，它突破了border-radius：http://jsfiddle.net/ypjDC/17/

<div style="width: 200px; border: 3px solid; border-radius: 7px; overflow: hidden;">
    <div style="float: left; width: 50px; background-color: #800000;">
        <p>test</p>
    </div>

   <div style="float: right; width: 50px; background-color: #800000;">test</div>    

    <div style="clear: both;"></div>
</div>

但总是有问题，你可以在角落看到一点白色空间：/

如何纠正？

Answer 1

您可以为主DIV添加与边框颜色相同的插入框阴影：

<div style="width: 200px; border: 3px solid; border-radius: 7px; overflow: hidden;box-shadow: 0px 0px 0px 1px #000 inset;">

它会修改你的边框外观，但删除白色区域。

<强> FIDDLE

边界半径部分破碎

1 个答案: