鉻鉻：邊界半徑沒有出現

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