? border-radius可以便捷的制作圓角效果，不需要通過增加圓角圖片來達(dá)到效果，便于維護(hù)。

語法：border-radius:none | 1-4 length | % / 1-4 length|%

按順序設(shè)置圓角四個(gè)方向的值，和設(shè)置border的順序一樣。

' / '前后的值都存在，那么' / '前面設(shè)置的值為水平半徑，后面設(shè)置的值為垂直半徑。若沒有' / '，則水平和錘子半徑相等。

?

border-radius的兼容性：
支持的瀏覽器有： IE9+ Firefox4+ Chrome Sarari 5+ ?Opera

對于老板的瀏覽器，需要加不同的前綴，如-moz- ?-webkit-

在瀏覽器中寫法為：
-moz-border-radius:

-webkit-border-radius:

對于IE，IE9及以下不支持border-radius

低版本的IE要制作圓角效果，可以在背景上進(jìn)行設(shè)置。

目前有一個(gè)辦法使低版本IE兼容border-radius效果：

.box{

border-radius:15px;

behavior:url(ie-css3.htc);

}

需要下載一個(gè)htc文件，也是通過JS寫的一個(gè)文件。在使用時(shí)，需要把這個(gè)文件放到服務(wù)器目錄中。

注：當(dāng)border-radius的值小于或者等于border的值的時(shí)候，邊框內(nèi)部角不再是圓角效果。

轉(zhuǎn)載于:https://www.cnblogs.com/lionisnotkitty/p/6061080.html

總結(jié)

以上是生活随笔為你收集整理的border-radius的兼容问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。