border-radius和border一起设置之后出问题

[namelesswei]

写了一个手机页面，写了border: 1px dashed #e2e2e2;border-radius:20px;发现在有的手机上显示，圆角作用到边框上了，没有作用到整个区域。去掉border:1px dashed #e2e2e2之后，圆角作用正常。这个怎么解决？

[namelesswei]

求指点。。。

[namelesswei]

有没有人知道什么原因?

[豪情]

可能是背景颜色与border不是同一个div上，如果背景在那个div，还需要在那个div上加border-radius 看在线演示。

[namelesswei]

引用 3 楼 jikeytang 的回复:

可能是背景颜色与border不是同一个div上，如果背景在那个div，还需要在那个div上加border-radius 看在线演示。

我这个背景是在那同一个div上面，其实在很多浏览器都是正常的，但是就是在某些手机上出问题了。。。感谢你的回答。

[wangchunhui2lyr]

楼主这个问题解决了吗？

[qq_24332839]

刚好也在找这个问题，有人给出了解决方法 http://www.cnblogs.com/frostbelt/p/3819891.html

[xiongbaobaox9]

border-radius和border不能作用在同一个元素上，你可以把他们放在父元素和子元素上，父元素用border和border-radius属性，子元素用border-radius属性，这样就能实现了。