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

html-css09

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

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

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

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

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

1、css圆角实现的方式有很多种,最简单最方便的是使用border-radius属性。或者使用圆角图片。

2、border-radius后面直接接数值。

3、图片圆角就是事先切除圆角图片,可以制作定高,或者定宽的div。

4、使用border-radius的优点是无序添加多余结构代码,但是对于低版本的浏览器支持有问题。使用图片圆角不会有兼容问题,但是会多出多余的代码和结构。