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

当我们在做手机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

你可能感兴趣的:(红米手机-圆角外背景色溢出解决方案)