最近在寫PC端活動頁面，UI給的設計稿里邊有大量的圓角。咨詢過做PC端的同事，說只能兼容到IE9。但是心里不甘心，于是在網上找到了PIE.htc文件。發現它能完美兼容IE8。在這里我把代碼步驟給大家羅列一下。
1.下載PIE.htc文件。放到任意位置，前提是你引用的時候可以找得到。
2.給需要設置圓角的元素添加樣式：
position:relative;
z-index:2;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE.htc);
就是這么簡單。這時候你會發現在IE8下也完美實現圓角了。
說兩點值得注意的地方：
1.元素的position:relative或者absolute
2.z-index比周圍元素高。
另外我這個只是在IE8上測試是完美的，不知道IE6-IE7的情況。但是據說是可以的。
另，有不明白的，可微博找我。
微博：璐飛童鞋。關注之后，私信我問題就可以。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。