有哪些CSS3 Pie工具推薦

這篇文章主要介紹“有哪些CSS3 Pie工具推薦”，在日常操作中，相信很多人在有哪些CSS3 Pie工具推薦問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”有哪些CSS3 Pie工具推薦”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

首先看到能讓IE8及以下的IE親們用上css3的border-radius和Gradient還有box-shadow著實(shí)興奮了一大把。是的，你沒有看錯(cuò)，用css3PIE就可以了，想了解猛戳鏈接。這里也不介紹怎么使用了，官方有文檔。

這是一坑

但還是要提一下，在使用過程中的pie路徑一定要是相對于正在瀏覽頁面的相對路徑。如下代碼的url路徑不是相對于css文件所在路徑。因?yàn)殡m然是在css里寫的url，但是是在css被應(yīng)用前就對html起作用了。

代碼如下:

behavior: url(path/to/pie_files/PIE.htc);

其中的PIE.htc文件就是pie的靈魂所在了，當(dāng)然你也可以用他zip包里的js來實(shí)現(xiàn)。（那個(gè)包里很全的，你根據(jù)自己要用的方法選擇一個(gè)對應(yīng)的文件就可以了，沒必要全部貼到項(xiàng)目里）

這是第二坑

路徑弄對了，想說，要在IE下看一看奇跡的出現(xiàn)！但??！注意這個(gè)但，第一次使用的時(shí)候，被pie處理的Element背景就全消失了，重點(diǎn)是，官方的start教程根本沒提這一情況。

如果出現(xiàn)這種情況，表示，你使用的方法是對的，其實(shí)PIE已經(jīng)生效了，至于為什么背景不見了，解決辦法如下。

代碼如下:

yourCssSelector{ position:relative;}
/*或者*/
yourCssSelector{ position:absolute;}

如果還是沒解決，請給你的element加上一個(gè)合適的z-index的屬性。
然后一切就正常了

不要太天真

請不要在:after、:before中使用pie，這樣完全無效。

來自jason的解釋

代碼如下:

No, unfortunately. The reason is that pseudo-elements have no DOM and therefore there's nothing that PIE can manipulate.

到此，關(guān)于“有哪些CSS3 Pie工具推薦”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！