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

Question

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

在右侧边栏上，我有两个元素，顶部的 reg 表单和底部的小 slider 。两者都实现了相同的 border-radius 样式，但底部的那个没有在 Chrome 中呈现的 flex 边框。我已经应用了溢出:隐藏。

注意事项:

1. 两个元素(registration 和 slider)有相同的 border-radius 样式 已应用，但在 chrome 中，只有注册以正确的边框样式呈现
2. border-radius 在 firefox 甚至 IE 中都能正确呈现

有什么想法吗？谢谢!

Chrome :

火狐:

Answer 1

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

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