google-chrome - 未在 Chrome 中呈现的特定元素的边框半径

Question

这是我的网站： http ://splash.inting.org/wp/

在右侧边栏上，我有两个元素，顶部的 reg 表单和底部的小滑块。两者都实现了相同的边框半径样式，但底部的样式没有在 Chrome 中呈现弯曲边框。我已经应用了溢出：隐藏。

注意事项：

1. 两个元素（注册和滑块）都应用了相同的边框半径样式，但在 chrome 中，只有注册以正确的边框样式呈现
2. 边界半径在 Firefox 甚至 IE 中都能正确呈现

有任何想法吗？谢谢！

铬合金：

火狐：

Answer 1

将边框半径直接应用于图像。

.meteor-slides .mslide img
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}