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

嘗試增加

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

如Safari上IOS5需要一個渲染邊界半徑。

Answer 2

在iOS 4上，在img容器上使用border-radius css並設置over-flow：hidden。容器將'img'切成圓角。

它的一個調整。