CSS border-radius和-webkit-border-radius在iOS 5 UIWebView上不起作用

Question

我正在研究iOS中UIWebView中使用的一些CSS。我可以使用border-radius属性围绕iOS 6中div的角落，但我无法使用border-radius或-webkit-border-radius属性在iOS 5.1中复制效果。有解决方法，还是我做错了什么？这是CSS。

#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 5.1：

我是网络开发的新手（在此之前主要完成了原生iOS），所以感谢任何帮助。

Answer 1

对于iOS 5，我可以通过将-webkit-border-bottom-left-radius，bottom-right-radius等应用于正确的子元素来解决此问题。

我仍然想要一个更好的解决方案，因为在一个地方使用单角半径是一个更清洁的解决方案，但我可能不得不满足于此。