2013-05-31 63 views
0

我工作的一些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之前),所以任何幫助表示讚賞。

回答

1

對於iOS 5,我能夠通過施加-webkit-border-bottom-left-radiusbottom-right-radius等,以正確的子元素來解決它。

我還是想一個更好的修復,如只用在一個地方的單一圓角半徑是一個更清潔的解決方案,但我可能不得不滿足於這一點。