iPad、iPad 2 上的边框半径问题

Question

在 iPad(3.2)、iPad 2 (4.3.2) 上存在边框半径问题。

代码如下：

.articles .post .left img{
   width:100%; 
   border-radius: 0 0 100% 0; 
   -moz-border-radius: 0 0 100% 0;
   -khtml-border-radius: 0 0 100% 0;
   -webkit-transition: border-radius 1s;
   transition-delay: 0.1s;
   transition-duration: 0.5s;
   transition-property: all;
   transition-timing-function: ease;
}

这是我得到的结果：

关于如何获得我想要的结果的任何想法？

Answer 1

在iOS 4 上，在img 的容器上使用border-radius css 并设置over-flow:hidden。 容器会将img“切割”成圆角。

这是一个调整。

Answer 2

尝试添加

-webkit-border-radius: 0 0 100% 0;

因为 IOS5 上的 Safari 需要它来渲染边框半径。