CSS border-radius以深色流血

Question

我有一个包含盒子,border-radius然后我在容器中有一个元素也有一个border-radius集合,它与盒子的边缘对接.

包装盒在内部盒子的边缘"流血":

你可以在这里看到它:http://jsfiddle.net/Shpigford/RUAMx/

我怎样才能解决这个问题？

Answer 1

容易为容器边框设置更大的半径:

div {
    background:white;
    border-radius: 5px 8px 8px 5px;
}

见这里http://jsfiddle.net/RUAMx/2/

此外,您不必再使用-webkit和-moz preffix,对border-radius的支持就足够了.