2018-03-07 對ie不支持css3的部分屬性的兼容處理,比如border-radius

它可以讓IE瀏覽器支持CSS3的border-radius、box-shadow、border-image、CSS3 Backgrounds (-pie-background)、Gradients、RGBA屬性。

IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 屬性。

需要引入兩個文件 一個是pie.htc,一個是pie.js。pie.htc是用在css文件里面的。但是路徑是相對于html文件的。引入的時候用behavior。看下面的例子:我要給一個span便簽加一個圓形效果。注意這里我設置的span的display:inline-block;

代碼如下:

注意我的PIE.htc是放在css文件夾里面得,而這個文件又是相對于html文件的,所以路徑的格式就是css/PIE.htc。還有一點需要注意就是為每一個便簽添加圓角效果的時候,一定要設置這個標簽的position屬性。

下載:pie.htc

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容