CSS3PIE

這是在逗我麼

首先看到能讓IE8及如下的IE親們用上css3的border-radius和Gradient還有box-shadow着實興奮了一大把。是的，你沒有看錯，用css3PIE就能夠了，想了解猛戳連接。這裏也不介紹怎麼使用了，官方有文檔。

這是一坑

但仍是要提一下，在使用過程當中的pie路徑必定要是相對於正在瀏覽頁面的相對路徑。以下代碼的url路徑不是相對於css文件所在路徑。由於雖然是在css裏寫的url，可是是在css被應用前就對html起做用了。

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

其中的PIE.htc文件就是pie的靈魂所在了，固然你也能夠用他zip包裏的js來實現。（那個包裏很全的，你根據本身要用的方法選擇一個對應的文件就能夠了，不必所有貼到項目裏）

這是第二坑

路徑弄對了，想說，要在IE下看一看奇蹟的出現！但！！注意這個但，第一次使用的時候，被pie處理的Element背景就全消失了，重點是，官方的start教程根本沒提這一狀況。

若是出現這種狀況，表示，你使用的方法是對的，其實PIE已經生效了，至於爲何背景不見了，解決辦法以下。

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

若是仍是沒解決，請給你的element加上一個合適的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.

最後我有一個很不解的問題，在fancybox上用pie，貌似無論怎麼解決方法，背景仍是不會出現！！若是有解決的朋友，必定要！！必定要告訴我！！！