隨著網絡的發展,CSS 也在不斷的完善,充分吸取多年來 Web 發展的需求,提出了很多新穎的 CSS 特性,例如很受歡迎的圓角矩形 border-radius 屬性,但很可惜,此屬性目前沒有得到任何浏覽器的支持。
對於一些浏覽器,它們有其私有的圓角屬性。如 FF 的 -moz-border-radius ,Safari 和 Chrome 的 -webkit-border-radius 。效果見下圖:
FF 的圓角
Safari 和 Chrome 的圓角(Safari 和 Chrome 使用的是同一種內核,這裡就只附 Chrome 的效果了)
IE 和 Opera 就沒有私有的圓角屬性了,如果有的話,那制作圓角應該就簡單多了,把各自的私有屬性全部寫上,讓各個浏覽器“對號入座”,就達到了“兼容”的效果。