今天我們來介紹一下CSS3PIE,它是什么?
CSS3PIE是一款支持CSS3屬性在IE瀏覽器中運行的插件。針對低版本的IE瀏覽器,可以使用CSS3屬性達到較好的效果,但是往往這些屬性是不能在IE瀏覽器中運行的,最好的例子就是圓角。使用CSS3PIE插件就可以達到在IE6-IE9下運行CSS3屬性的效果。
使用CSS3PIE的好處:
1. 兼容IE6-IE9等低版本IE瀏覽器;
2. 開發高效,減少CSS代碼編寫和維護的工作量;
3. 具有更好的用戶體驗。
/* 對于CSS3屬性,需要在樣式表中特別的聲明*/ div { border-radius: 10px; /* 圓角屬性 */ -webkit-box-shadow: #000000 0px 0px 10px; /* 陰影效果 */ -moz-box-shadow: #000000 0px 0px 10px; /* 陰影效果 */ box-shadow: #000000 0px 0px 10px; /* 陰影效果 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#000)); /* 漸變效果 */ background: -moz-linear-gradient(top, #FFF, #000); /* 漸變效果 */ background: -o-linear-gradient(top, #FFF, #000); /* 漸變效果 */ background: linear-gradient(top, #FFF, #000); /* 漸變效果 */ position:relative; /* 相對定位*/ behavior: url(css3PIE.htc); /* 位置引用,css3PIE插件路徑*/ }
需要注意的是,每次使用CSS3PIE匹配文件都需要重新計算樣式,這樣可能會影響網頁的性能,所以建議使用匹配較少的CSS屬性。
上一篇php array函數
下一篇ajax 異步請求沒響應