铬铬：边界半径没有出现

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; 
}