chrome css：border-radius未显示

Question

我在Chrome（最新版本）上遇到border-radius问题。我有一个边界半径：10px;在此页面的滑块框架上：http://next.lab501.ro/

在Firefox和IE9中一切正常，但在Chrome上却没有，我无法弄明白为什么，因为我还有其他带有border-radius的元素在Chrome中运行得很好。

Answer 1

我已经使用Safari的“Web Inspector”进行了检查，您的CSS肯定已成功应用于您的容器。

我认为问题与包含内容的元素有关，边框半径“突破”在容器的圆角上。有关更多背景信息，请参阅this article。我认为问题首先由Richard Rutter正确报告。

在你的情况下，你已经在容器上使用了overflow: hidden，但这不起作用 - 这可能与你已经开始的z索引有关，但很难说这么复杂示例

尽管如此，我会尝试将所包含元素的角落四舍五入。这似乎在我的页面上对我有用：

dl.slidedeck {
    border-radius: 10px; 
}

div.sd-node.sd-node-caption {
    border-radius: 10px;
}