webkit隐藏从border-radius溢出的内容

Question

http://jsfiddle.net/Bery8/3/

我的节点有position: relative和border-radius。我试图隐藏流出border-radius的内容，想知道是否有人在webkit中有此修复。我需要relative定位用于其他目的，不能将其删除。

似乎在mozilla中工作正常。

<div>
    foo
    <span>content</span>
    <span>content</span>
    <span>content</span>
    <span>content</span>
    <span>content</span>
</div>

<style>
div {
    border        : 1px solid #000;
    border-radius : 20px;
    overflow      : auto;
    position      : relative;
    margin        : 10px;
    max-height    : 100px;
}

span {
    display    : block;
    background : teal;
    padding    : 10px;
}
</style>

Answer 1

我不确定我是否理解这个问题，但是如果您将border-radius: 20px添加到span元素，它会解决吗？

Answer 2

将border-radius添加到span