【CSS】border-radius的圆角会消失，兼容问题

html-css058

【CSS】border-radius的圆角会消失，兼容问题,第1张

做就要做全-webkit 是对border-raidus属性的浏览器兼容兼容

-webkit-border-radius：苹果；谷歌，等一些浏览器认，因为他们都用的是webkit内核；

-moz-border-radius：moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。

在这两个属性有值的时候，去掉哪个属性，对用他们做内核的浏览器就有影响，如果没值的话，就没影响，这两个属性和，IE，和360没关系。不删除的话影响微乎其微.

解决方式如下：

1、设置bordenone去掉边框。

2、设置border-radius40px若遇到浏览器兼容的问题，可加上兼容的css代码。

3、使用box-shadow0px0px5px#ccc利用该特性设置边框。