红米手机-圆角外背景色溢出解决方案

当我们在做手机app开发的时候常常会用到Webview模式，ui部分全部用html和css来实现。

遇到一个问题，对一个dom元素设置了圆角border-radius:10px;background:#fff。在红米下，四个圆角外面会溢出白色的背景。蛋疼。

解决方法：

在dom的样式上加上 background-clip:padding-box;好吧，问题解决了，原因不明，只能说红米是奇葩。

延展：

有兴趣的同学可以去看看background-clip的其他值分别会产生什么效果，这属性支持到ie9及以上。链接http://www.w3schools.com/cssref/css3_pr_background-clip.asp