iPad,iPad 2上的边界半径问题

时间:2014-10-10 09:29:52

标签: ios css ipad

在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;
}

这就是我得到的结果:

enter image description here

关于如何获得所需结果的任何想法我之后?

2 个答案:

答案 0 :(得分:1)

在iOS 4上,在img的容器上使用border-radius css并设置over-flow:hidden。 容器将'img'切成圆形的cornor。

它的调整。

答案 1 :(得分:0)

尝试添加

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

由于IOS5上的Safari需要渲染边框半径。