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

使用border-radius。ie下需要在css中写behavior： url(ie-csshtc)；具体代码自己搜索一下，肯定能搜到的。使用圆角图片做背景。缺点是需要多一些DIV和css，但是兼容性更好。

创新互联建站是专业的石泉网站建设公司，石泉接单;提供成都网站建设、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行石泉网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

-webkit-border-radius：10px；-moz-border-radius：10px；border-radius：10px；为了获得更好的兼容性，一般写上面这三个就行了。

我也遇到了，360的浏览器对css3特性支持的不是很好。360使用的是IE的内核，但是又不完全是，应该是阉割了一部分功能的IE内核，然后360又加上了自己写的一部分，为的就是速度更快。

在同一个CSS样式表中，使用 ！important 来定义不同的值以适应Firefox和IE。

CSS2和CSS3下实现圆角的不同方法

1、CSS3 随着HTML5/CSS3的到来，CSS3样式的圆角必将成为构建未来网站的趋势。CSS3相对于其它方式，更加容易应用，不需要额外的HTML标记和图片。支持CSS3圆角的浏览器包括FireFox，Chrome，Opera，IE9等。

2、)、第一个BOX盒子为了观察到圆角效果所以设置了边框样式，同时设置圆角样式border-radius：5px 5px 0 0；设置左上角和右上角圆角。

3、CSS3里面 这个是圆角属性，但是最主流的IE浏览器都不认识，所以LZ还是放弃吧。处理圆角一般采用两种方式 一个是PS切圆角，然后作为背景图片放到页面中。第二个就是采用一个累计效果，也可以定义出圆角。

4、CSS3圆角只需设置一个属性：border-radius（含义是边框半径）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

5、css圆角实现的方式有很多种，最简单最方便的是使用border-radius属性。或者使用圆角图片。border-radius后面直接接数值。图片圆角就是事先切除圆角图片，可以制作定高，或者定宽的div。

如何让IE兼容css3圆角

这两点的解决方案是：将滤镜样式直接内嵌在元素标签上。如果有更好的解决方法可以留言。想了解更多Matrix滤镜，请猛戳这里和这里 这样配合CSS3样式transform即可兼容所有浏览器实现旋转效果。

有两种方法：在同一个CSS样式表中，使用 ！important 来定义不同的值以适应Firefox和IE。

； behavior：url(ie-csshtc)；} 你可以看看，ie-csshtc的下载地址也在这里。。

border-radius属性含义： border-radius属性简写属性为元素添加圆角边框.语法：border-radius： 1-4 length|% / 1-4 length|%；浏览器兼容性：IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性。

至今为止，我没有找到比较好的解决办法。唯一的解决办法就是。火狐 谷歌浏览器用HTML5实现圆角，如果是IE的话，就识别出来之后，用图片代替。

Canvas实现图片圆角的关键是使用“纹理填充”。Canvas中有个名为createPattern的方法，可以让已知尺寸的图片元素转换成纹理对象，作填充用。

当前文章：圆角css样式兼容性 css圆角效果
当前URL：http://azwzsj.com/article/dijjcjh.html