CSS边界半径和-webkit-边界半径不工作在iOS 5的UIWebView

2013-05-31 154 views 0 likes

我工作的一些CSS在iOS版UIWebView使用。我能使用border-radius属性来圆一个div的角落在iOS 6中，但我不能复制使用任何border-radius或-webkit-border-radius性质的iOS 5.1的效果。有一种解决方法，还是我做错了什么？这是CSS。CSS边界半径和-webkit-边界半径不工作在iOS 5的UIWebView

#ad-wrapper { 
    postion:absolute; 
    top:50%; 
    left:50%; 
    margin-left:-140px; 
    margin-top:-109px; 
    width:280px; 
    height:218px; 
    position:absolute; 
    overflow:hidden; 
    -webkit-border-radius:12px; 
    border-radius:12px; 
}

这适用于iOS 6：

iOS 6 border radius works

但不适用于iOS 5.1：

iOS 5.1 border radius doesn't work

我全新的Web开发（已完成大部分本土iOS之前），所以任何帮助表示赞赏。

来源

2013-05-31 MaxGabriel

回答

对于iOS 5，我能够通过施加-webkit-border-bottom-left-radius，bottom-right-radius等，以正确的子元素来解决它。

我还是想一个更好的修复，如只用在一个地方的单一圆角半径是一个更清洁的解决方案，但我可能不得不满足于这一点。

来源

2013-05-31 23:03:41 MaxGabriel

CSS边界半径和-webkit-边界半径不工作在iOS 5的UIWebView

回答

相关问题