html - CSS3 圆 Angular 图像在 Safari/Chrome 中不起作用？

Question

我一直在愉快地访问这个网站，在 Firefox 和 Internet Explorer 9 中测试它，理所当然地认为 Safari 和 Chrome 可以很好地渲染我的 CSS3，但我刚刚发现它们不能。

在 FF 和 IE9 中我看到了这个:

在 Safari/Chrome 中我看到了这个:

这是 HTML:

<div class="container">
    <div>
        <img src="static/images/image1.jpg" alt="" />
    </div>

这是 CSS:

  .container {
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
  }

我做错了什么？ :(

更新
请查看我遇到的问题的工作示例:http://jsfiddle.net/jAsnU/3谢谢。

Answer 1

尝试:

.container img {
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
}